0

部屋の予約システムを作成しています。したがって、unselectable="off"であるtdのみを選択可能にしたいのです。私がこれをするのを手伝ってください。

これは私の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>

'

4

1 に答える 1

1

フィルタの構文が少し間違っているようです。「属性が等しい」セレクターを使用する必要があります。

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

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

于 2012-04-18T10:33:17.520 に答える