Javascript jQuery中的双击功能不起作用
我在一个页面中有两个span元素。当我在两个元素上调用jquery双击函数时,该函数只在第一个元素上调用。我正在使用以下代码:Javascript jQuery中的双击功能不起作用,javascript,jquery,double-click,Javascript,Jquery,Double Click,我在一个页面中有两个span元素。当我在两个元素上调用jquery双击函数时,该函数只在第一个元素上调用。我正在使用以下代码: <span id="shiftTime_1">1</span> <span id="shiftTime_2">1</span> 当我双击shiftTime_1的元素Id时。那么这个函数就可以正常工作了。但当我双击shiftTime_2的元素Id时,该函数没有响应 请帮忙。 谢谢当我尝试该代码时,它工作得很好: 检查是否
<span id="shiftTime_1">1</span>
<span id="shiftTime_2">1</span>
当我双击shiftTime_1的元素Id时。那么这个函数就可以正常工作了。但当我双击shiftTime_2的元素Id时,该函数没有响应
请帮忙。
谢谢当我尝试该代码时,它工作得很好: 检查是否有与您的代码不同的内容。尝试在
$(document.ready()
如果您计划动态添加元素,请使用(例如,通过使用$(“body”).append(“1”);
)
似乎对我有用:,请尝试发布您的jQuery版本或包含更多代码。它对我很有用,您使用的是哪个jQuery版本?此外,检查调试器(即firebug)是否仅在一个浏览器或所有浏览器上显示错误?太好了!你节省了我的时间!祝你愉快,干杯。我想补充一点,在2018年,请求双击可能会对用户体验造成负面影响(很多用户可能希望在没有双击的情况下使用触摸屏)。
$("[id^='shiftTime_']").dblclick(function() {
alert("hello");
});
$(document).ready(function(){
$("[id^='shiftTime_']").dblclick(function() {
alert("hello");
});
});
$( "body" ).on( "dblclick", "span", function() {
alert( "This works also with dynamically added elements" );
} );