如何为多个对象使用一个处理程序？

Question

如图this jsfiddle code：

<div id="draggable" class="ui-widget-content"> 
<p>Drag me 1</p> 
</div> 
<div id="draggable" class="ui-widget-content"> 
<p>Drag me 2</p> 
</div> 

与处理程序：

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

我怎样才能使第二方拖动的一日一？

Answer 1

标识的应该是唯一的。使用类选择器。试试这个：

$(function() { 
$(".ui-widget-content").draggable(); 
}); 

编号：https://softwareengineering.stackexchange.com/questions/127178/two-html-elements-with-same-id-attribute-how-bad-is-it-really

DEMO

Answer 2

使用类选择器而不是id选择器。你页面上重复的ID，和ID选择将只选择第一element.Try此：

$(function() { 
    $(".ui-widget-content").draggable(); 
}); 

Working Demo