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」元素？

回答

相關問題