jQuery UI：如果元素必须有id =“selectable”，我怎么能有多个“selectable”元素？

所有演示的香港专业教育学院能够找到遵循这个模式：jQuery UI：如果元素必须有id =“selectable”，我怎么能有多个“selectable”元素？

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

jQuery UI selectable demo

我试图改变列表的ID，以独特的东西，但它似乎并没有工作。是否要求可选元素具有“可选择”的id，如果是，那么如何使多个列表可选？

来源

2012-04-05 pdizz

我遇到了这个问题，以及你选择输出的每个元素。如果我将'id'从'selectable'改为别的东西，它就会停止工作。 – theblang 2012-11-20 20:29:10

我是个白痴。我没有想到实际上会改变颜色的CSS – theblang 2012-11-20 20:47:43

这不是使用id的要求。事实上，你也不需要使用html列表。

以下示例将<div>用作容器，将<span>用作可选项目。

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

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

下一个例子使用一个数据属性选择[data-album]靶向多个容器。这些<p>元素中的每一个都将被转换为可单独选择的元素，其子元素为<img>元素。

<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>

来源

2012-04-05 21:20:14 jessegavin

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

来源

2012-04-05 21:21:59 Rich

的行动准则是：

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

您可以使用指向你想选择什么样的任何选择更换#selectable。所以它不一定是一个ID。它可能是一个类似.selectable。

来源

2012-04-05 21:22:17

-2

只要改变TE线

¥('selectable').selectable();

要

¥('idChosed').selectable();

对于

来源

2012-04-05 21:25:07

jQuery UI：如果元素必须有id =“selectable”，我怎么能有多个“selectable”元素？

回答

相关问题