Функция двойного щелчка в jQuery не работает

Question

У меня есть два элемента span на странице. когда я вызываю функцию двойного щелчка 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, эта функция не отвечает.

Пожалуйста, помогите. Благодаря

Answer 1

использование попытка внутри $(document).ready()

$(document).ready(function(){ 

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

}); 

Answer 2

Когда я пытаюсь код, он работает просто отлично:

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

Проверьте, есть ли что-то отличается от вашего кода.

Answer 3

Используйте .on, если вы планируете добавить элементы динамически (например, с помощью $("body").append("<span id='shiftTime_2'>1</span>");)

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