如果所有元素具有相同的ID，则使其可拖动

使用JQuery，当元素都具有相同的ID时，我试图使多个元素可拖动。 是否可以使用JQuery执行此操作？

（这里有两个id为“draggable”的div，我想让它们都可以拖动。）

相关代码在这里： http ： //jsfiddle.net/zcJwu/

          #draggable { width: 150px; height: 150px; padding: 0.5em; }   $(function() { $( "#draggable" ).draggable(); });    
 
Drag me around
 
 
 
Drag me around
 
  ​ 

Answer 1

HTML页面中的ID应该是唯一的..

如果你给出重复的Id并将其用作选择器，它将始终选择它遇到的第一个元素。 So it will never work.

尝试使用类来代替。

您可以将名为draggable的类提供给要draggable的所有元素。

 $( ".draggable" ).draggable(); 

检查小提琴

Answer 2

你必须使用一个类。 ID应该只使用一次。

Answer 3

您应该使用classees，而不是复制ID。

   
 
Drag me around
 
 
 
Drag me around
  

检查更新的小提琴http://jsfiddle.net/zcJwu/2/

Answer 4

您的标记无效，因为ID必须是唯一的，但是您可以使用它来强制使用它（ 不推荐。 ）：

 $("[id=draggable]").draggable() 

要选择具有可拖动类的所有元素，请按照与css样式表相同的方式执行此操作。

 $(".draggable").draggable(); 

jQuery选择器几乎完全模仿css选择器样式。 如果您知道如何使用CSS选择元素，那么您就知道如何使用jQuery选择元素。