Question

我有一个关于“jQuery中的表的div限制”的问题。

我有一张桌子：

<div id="slctble">
   <table border="1" cellspacing="2" id="sample">
    <tr class="toprow">
        <td> </td>
        <td>John</td>
        <td>Jane</td>
        <td>Total</td>
    </tr>
    <tr>
        <td class="leftcol">January</td>
        <td class="data">123</td>
        <td class="data">234</td>
        <td class="data">357</td>
    </tr>
    <tr>
        <td class="leftcol">February</td>
        <td class="data">135</td>
        <td class="data">246</td>
        <td class="data">381</td>
    </tr>
    <tr>
        <td class="leftcol">March</td>
        <td class="data">257</td>
        <td class="data">368</td>
        <td class="data">625</td>
    </tr>
    <tr>
        <td class="leftcol">Total</td>
        <td class="data">515</td>
        <td class="data">848</td>
        <td class="data">1363</td>
    </tr>
   </table>
 </div>

我有jQuery代码：

<script type='text/javascript'>
$(window).load(function(){
$("#slctble td.leftcol").selectable({
    filter:'td',
    stop: function() {        
        $(".ui-selected input", this).each(function() {
            this.checked= !this.checked

            });
    }
});
});

</script>

我想在jQuery中使用“table”限制“div”，但 “space” >“slctble” 和 “td” 不在jQuery中工作。

你能提出一些建议吗？

一个例子是：http://www.simroll.de/newhtml.html

Answer 1

您必须将“selectable”绑定到容器 - 在您的情况下为#sample。

$("#sample").selectable({
 filter:'tr' 
});

“div”限制jQuery中的“table”

1 个答案: