與設置拖動項具有相同前綴的類名

Question

我有一個問題在這裏，知道如何選擇多級開始與「富-講座」，並獲得2種方式來做到這一點：

案例1：當你有一個類的元素

var $class = $('[class^="foo-class-"]'); 

案例2：如果您有多個類的元素（感謝Adeneo）

var $class = $('[class]').filter(function(){ 
    return (" " + this.className).indexOf(' foo-class-') != -1; 
}); 

但我不知道如何將其應用到jQ中的可接受類可拖動ueryUI，我也在這裏創建代碼：http://jsfiddle.net/mQYF4/但它不起作用。

Answer 1

問題不在於您的選擇器，而在於您使用draggable的z-index屬性。

在你的jsfiddle，你有

dra.draggable({ 
    revert: "invalid", 
    containment: "document", 
    helper: "clone", 
    cursor: "move", 
    z - index: 5 
}); 

更改的z-index屬性：

"z-index": 5 

，這將工作 - see it in my jsfiddle

Answer 2

我不完全知道你'如果你只是想讓它們變成可拖動的，你可以去：

<div class='draggable'></div> 
<div class='draggable'></div> 
<div class='draggable'></div> 

<script> 
$(document).ready(function(){ 
    $(".draggable").draggable(); 
}); 
</script> 

http://jsfiddle.net/mQYF4/2/

你需要給他們不同的ID，然後按類選擇。 id的要點是不同的，如果有重複，jQuery將只選擇它找到的第一個。

Answer 3

replase YOUT z - index: 5與z - index: 5

DOC：http://api.jqueryui.com/draggable/#option-zIndex