我有几个可排序的列表,我可以将元素拖到每个列表中.
设置看起来像这样:
<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,理论上可以动态创建新列表?
什么是最佳实践和一种"错误证明"?
非常感谢!