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 的元素 Id 时，这个函数没有响应。

请帮忙。谢谢

Answer 1

如果您计划动态添加元素，请使用.on（例如，通过使用$( "body" ).append( "<span id='shiftTime_2'>1</span>" );）

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

Answer 2

尝试在里面使用$(document).ready()

$(document).ready(function(){

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

});