如何爲多個對象使用一個處理程序？

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