小编use*_*406的帖子

jQuery可排序选择器("id"与"class")?

我有几个可排序的列表,我可以将元素拖到每个列表中.

设置看起来像这样:

<ul id="sortable1" class="connectedSortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

<ul id="sortable2" class="connectedSortable">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

JavaScript很简单,看起来像这样

(以下来自jQuery网站的例子)

<script>
$(function() {
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});
</script>
Run Code Online (Sandbox Code Playgroud)

到现在为止还挺好...

题:

对于jQuery选择器,我可以使用ul类,而不是两个列表ID吗?

就像是:

<script>
$(function() {
    $( ".connectedSortable" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});
</script>
Run Code Online (Sandbox Code Playgroud)

这是正确的吗?

我试过这个并且它有效......

...但我想知道为什么 jQuery网站给出了两个列表id作为选择器而不仅仅是类名的例子?如果我使用类作为选择器,我会遇到兼容性问题吗?

使用类名作为选择器的优点是我不必提前知道列表ID,理论上可以动态创建新列表?

什么是最佳实践和一种"错误证明"?

非常感谢!

jquery-ui jquery-selectors jquery-ui-sortable

6
推荐指数
1
解决办法
3222
查看次数