Double click function in jQuery is not working

Question

I have two span elements in a page. when I call a jquery double click function on both then the function is called only on first element. I am using the following code:

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

and jquery function is:

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

when I double click on the element Id of shiftTime_1. then the function works fine. But when I double click on element Id of shiftTime_2 then this function does not respond.

Please help. Thanks

Seems to be working to me: jsfiddle.net/Rr2hf , try posting your jQuery version or include more code. — mroselli
– mroselli, Commented Mar 13, 2012 at 8:06
It works fine for me, which jQuery version are you using? jsfiddle.net/fCrb5 — Simon Edström
– Simon Edström, Commented Mar 13, 2012 at 8:07

Igor L. · Accepted Answer · 2015-07-24 06:59:56Z

6

Use .on if you plan to add elements dynamically (e.g. by using $( "body" ).append( "<span id='shiftTime_2'>1</span>" ); )

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

answered Jul 24, 2015 at 6:59

Igor L.

3,5157 gold badges45 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Arun D Over a year ago

Great! You save my time! happy coding

Igor L. Over a year ago

Cheers. I would like to add that in 2018 it might be bad for the user experience to request a double-click (A lot of your users might want to use a touchscreen where there is no double-click).

Kanishka Panamaldeniya · Accepted Answer · 2012-03-13 08:34:19Z

4

try use inside $(document).ready()

$(document).ready(function(){

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

});

answered Mar 13, 2012 at 8:34

Kanishka Panamaldeniya

17.6k31 gold badges128 silver badges195 bronze badges

Comments

Guffa · Accepted Answer · 2012-03-13 08:08:00Z

1

When I try the code, it works just fine:

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

Check if there is something different from your code.

answered Mar 13, 2012 at 8:08

Guffa

703k112 gold badges760 silver badges1k bronze badges

Collectives™ on Stack Overflow

Double click function in jQuery is not working

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related