Jquery可选择不在列表中

时间:2013-08-09 14:07:18

标签: jquery-ui

我正在开发一个项目,该项目从SQL数据库中提取一系列项目并将它们放入div的网格中。然后,用户选择一系列div,其内容将被放入不同的SQL数据库(基本上将1个数据库分成4个)。我试图使用可选择的JQueryUI函数来实现我的选择方法,但它似乎没有做任何事情。根据我的研究,我似乎只能找到在列表中使用可选择的人的例子。我是否可以将它与div / spans一起使用,或者我是否必须使用列表以便可以选择才能正常工作?

代码示例:

htmlResponse &= "<div id=""selectable"">"
        While sqlReader.Read = True
            htmlResponse &= "<div class=""row"">"
            htmlResponse &= "<span class=""rowText cell"">" + sqlReader("RowText").ToString() + "</span>"
            htmlResponse &= "<span class=""rowtoCol cell"">" + "</span>"
            htmlResponse &= "</div>"
        End While
        htmlResponse &= "</div>"


getData(currentRows, sortColumn, columnDir);
$("#selectable").selectable();

首先是我的VB代码制作我的网格,第二个是我的javascript来显示我在制作网格之前尝试使它们可选择。

1 个答案:

答案 0 :(得分:0)

您可以在跨度中添加“可选”类,并使用可选插件的过滤器选项,如下所示:

$( "#selectable" ).selectable({ filter: "span.selectable" });

您可以在此处查看演示:http://jsfiddle.net/FHtuP/