双击功能无法正常工作

Question

我有一个页面两个跨元素。当我调用两个jquery双击函数时，函数仅在第一个元素上调用。我使用下面的代码：

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

和jQuery的功能是：

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

当我双击该元素shiftTime_1的标识上。那么该功能正常工作。但是当我双击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

使用.on尝试使用，如果你打算动态添加元素（例如，通过使用$("body").append("<span id='shiftTime_2'>1</span>");）

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