unselectable = "off"のtdを選択できるようにしたい

Question

私は客室予約システムを作成しています。ですから、私は選択できないものを選択できないようにする必要があります。私はこれを手伝ってください。

これは私のHTMLコードです。私はそれらを選択するために私のスクリプトを使用しています。

<script> 
$(function() { 
    $("table").selectable(
    { 
     filter: 'tbody td unselectable:off ' 
    } 
    ); 
}); 
</script> 

何も起こっていません。 この問題で私を助けてください。

  <tr> 
       <td unselectable="on" resource="B" style="width: 79px; border-right: 1px solid #000000; 
        border-left: 1px solid #000000; border-bottom: 1px solid #000000; background-color: #ECE9D8; 
        font-family: Tahoma; font-size: 8pt; color: #000000; cursor: default;"> 
        <div unselectable="on" style="margin-left: 4px; height: 19px; line-height: 19px; 
         overflow: hidden;"> 
         Room B</div> 
       </td> 
       <td valign="top" unselectable="on" style="width: 1px; border-bottom: 1px solid black; 
        background-color: #FFF4BC;"> 
        <div unselectable="on" style="position: relative; height: 19px; overflow: none;"> 
         <div unselectable="on" onclick="javascript:event.cancelBubble=true;alert('2');" style="position: absolute; 
          left: 200px; top: -1px; width: 398px; height: 19px; border: 1px solid #000000; 
          background-color: #FFFFFF; white-space: nowrap; overflow: hidden; font-family: Tahoma; 
          font-size: 11px; cursor: pointer;"> 
          <div unselectable="on" style="width: 400px; margin-left: -1px; height: 2px; background-color: Blue; 
           font-size: 1px; position: relative;"> 
          </div> 
          <div unselectable="on" style="width: 398px; height: 1px; background-color: #000000; 
           font-size: 1px; position: relative;"> 
          </div> 
          <div unselectable="on" style="display: block; padding-left: 1px;"> 
           Event 3 
          </div> 
         </div> 
        </div> 
       </td> 
       <td unselectable="off" onclick="javascript:alert('2012-04-01T00:00:00, B');" onmouseover="this.style.backgroundColor='#FFED95';" 
        onmouseout="this.style.backgroundColor='#FFF4BC';" style="border-bottom: 1px solid #000000; 
        width: 19px; background-color: #FFF4BC; cursor: pointer;"> 
        <div unselectable="on" style="display: block; width: 18px; height: 19px; border-right: 1px solid #EAD098;"> 
         <!-- --> 
        </div> 
       </td> 
       <td unselectable="off" onclick="javascript:alert('2012-04-02T00:00:00, B');" onmouseover="this.style.backgroundColor='#FFED95';" 
        onmouseout="this.style.backgroundColor='#FFFFD5';" style="border-bottom-width: 1px; 
        border-bottom-style: solid; border-bottom-color: rgb(0, 0, 0); width: 20px; cursor: pointer; 
        background-color: rgb(255, 255, 213);"> 
        <div unselectable="on" style="display: block; width: 19px; height: 19px; border-right: 1px solid #EAD098;"> 
         <!-- --> 
        </div> 
       </td> 
       <td unselectable="off" onclick="javascript:alert('2012-04-03T00:00:00, B');" onmouseover="this.style.backgroundColor='#FFED95';" 
        onmouseout="this.style.backgroundColor='#FFFFD5';" style="border-bottom: 1px solid #000000; 
        width: 20px; background-color: #FFFFD5; cursor: pointer;"> 
        <div unselectable="on" style="display: block; width: 19px; height: 19px; border-right: 1px solid #EAD098;"> 
         <!-- --> 
        </div> 
       </td> 

「

Answer 1

あなたは自分のフィルターの構文は少し間違って持っているように見えます。あなたは"attribute equals" selectorを使用する必要があります。

$("table").selectable({ 
    filter: 'tbody td[unselectable="off"]' 
}); 

現在あなたがtd要素の子孫であるタイプunselectableの任意の要素を探し、疑似セレクタを使用している:offと呼ばれる、存在どちらも。