jQueryのダブルクリック機能が動作していません

Question

ページに2つのスパン要素があります。私は両方のjqueryダブルクリック関数を呼び出すと、関数は最初の要素でのみ呼び出されます。私は、次のコードを使用しています：

<span id="shiftTime_1">1</span> 
<span id="shiftTime_2">1</span> 

とjqueryの機能は次のとおりです。

$("[id^='shiftTime_']").dblclick(function() { 
alert("hello"); 
}); 

私はshiftTime_1の要素IDをダブルクリックしたとき。関数は正常に動作します。しかし、shiftTime_2の要素Idをダブルクリックすると、この関数は応答しません。

助けてください。私は、コードをしようとすると、それだけで正常に動作 おかげ

Answer 1

$(document).ready()

$(document).ready(function(){ 

$("[id^='shiftTime_']").dblclick(function() { 
alert("hello"); 
}); 

}); 

Answer 2

：

あなたのコードと異なるものがある場合

http://jsfiddle.net/Guffa/pfQfK/

チェック。

Answer 3

内側のtry使用用途.onにあなたが（$("body").append("<span id='shiftTime_2'>1</span>");を使用することによって）動的に要素を追加することを計画している場合

$("body").on("dblclick", "span", function() { 
    alert("This works also with dynamically added elements"); 
});