Javascript jqueryui：我怎么能有多个；“可选”；元素，如果该元素必须具有id="；可选择的"；？

我找到的所有演示都遵循以下模式：

<ol id="selectable">
<li class="ui-widget-content">Item 1</li>
<li class="ui-widget-content">Item 2</li>
    ..
</ol>

第1项
第2项
..

---

我尝试将列表的ID更改为唯一的ID，但似乎不起作用。可选元素是否要求其id为“可选”，如果是，如何使多个列表可选？

不要求使用id。事实上，也不要求您使用html列表

以下示例使用

作为容器，使用

元素作为可选项

<div class="group">
  <span>Item 1</span>
  <span>Item 2</span>
  <span>Item 3</span>
</div>

<script>
  $(".group").selectable({ filter: 'span' });
</script>

---

使用类而不是元素。元素的类可以包含多个值。

操作代码为：

<p data-album="Vacation">
  <img src="..." />
  <img src="..." />
  <img src="..." />
</p>


<p data-album="Birthdays">
  <img src="..." />
  <img src="..." />
  <img src="..." />
</p>

<script>
  $("[data-album]").selectable({ filter: 'img' });
</script>

您可以将

#可选的

替换为指向要使其可选的任何选择器。所以它不必是一个ID。它可以是一个类似于

.selective

的类，只需更改te行即可

$(function() {
    $( "#selectable" ).selectable();
});

到

---

对于您选择的每个元素，我也遇到了这个问题。如果我将

id

从

selective

更改为其他内容，它将停止工作。我是个白痴。我没有想到CSS会改变颜色。。。

¥('selectable').selectable();

¥('idChosed').selectable();