Question

我在这里有一个问题并且知道如何选择多级开头的“foo-class-”，并获得两种方法：

案例1：当您拥有元素的单个类

时

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

案例2：当你有一个元素的多个类（Credit to Adeneo）

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

但是我不知道如何将它应用于jQueryUI中的draggable接受类，我也在这里创建了代码：http://jsfiddle.net/mQYF4/但它不起作用。

Answer 1

问题不在于您的选择器，而是您使用z-index的{{1}}属性。

在你的jsfiddle，你有

draggable

将z-index属性更改为：

dra.draggable({
    revert: "invalid",
    containment: "document",
    helper: "clone",
    cursor: "move",
    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

将您的z - index: 5替换为z - index: 5

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

设置具有相同前缀类名的可拖动项

3 个答案: