JQuery可选单元格

时间:2014-07-11 10:27:40

标签: jquery html-table

我遇到以下代码的问题:

http://jsfiddle.net/54Dd9/

$('#dynamictable').append('<table id="selectable"></table>');
var table = $('#dynamictable').children();    
table.append("<tr><td>a</td><td>b</td></tr>");
table.append("<tr><td>c</td><td>d</td></tr>");

$("#selectable").selectable({
                filter: "td",
                selecting: function(event, ui) {
                    console.log($(ui.selecting).prevAll().length);   
                }
            });

我需要选择行和列。

你能帮助我吗?

2 个答案:

答案 0 :(得分:1)

是否需要使用脚本附加表格? 如果不是那么你可以用这种方式,

`http://jsfiddle.net/54Dd9/1/`

你必须使用jquery ui来使用可选功能

http://jsfiddle.net/54Dd9/3/

答案 1 :(得分:0)

 $('#identifier').selectable({ });

不是jquery核心库的一部分,

您需要包含具有此功能的jQuery UI库 http://jqueryui.com/

将您的小提琴更新为工作示例

http://jsfiddle.net/54Dd9/2/