Home/ Questions/Q 662957
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T23:26:10+00:00

Let’s say I have a scenario where I have a global plugin (or at

  • 0

Let’s say I have a scenario where I have a global plugin (or at least a plugin that binds to a wider array of events).

This plugin takes a selector, and binds a live click to it. Something in pseudo-jquery that might look like this: 

$.fn.changeSomething = function(){
     $(this).live("change", function(){ alert("yo");});
}

On another page, I have an additional live binding something like this:

$("input[type='checkbox']").live("click", function(){alert("ho");});

Within this scenario, the checkbox would ideally end up being bound to both live events.

What I’m seeing is that the change event fires as it should, and I’m alerted “yo”. However, using this live click event, I never trigger it. However, using an explicit click binding, I DO hit it.

The easy workaround is to trigger a click event at the end of the live change handler, but this seems janky to me. Any ideas?

Note that this is using jquery 1.4.2 and only occurs in IE8 (I supposed 6/7 would too, but I haven’t tested them).

an example (you’ll need jquery-1.4.2.min.js):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $.fn.changeSomething = function(){
        var t = $(this);
        t.live("change", function(){
            alert("yo");
        }); 
    };

    $(document).ready(function(){
    $("input[type='checkbox']").changeSomething();
    $("#special").live("click", function(){
      alert("ho");
    });
    });
</script>
</head>
<body>
<form>
  <input type="checkbox" id="cbx" />
  <input type="checkbox" id="special" />
  </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You know that IE won’t fire the “change” event until the checkbox loses focus, right?

    edit while I think that’s true, the effect from that test page is pretty bizarre. I’m still playing with it. The “live” mechanism confuses me and makes me a little nervous, though I thoroughly understand its value.

    I’ve put the (slightly modified and clarified) test page up: http://gutfullofbeer.net/clicks.html and I’m going to start doing some jQuery debugging

    twilight zone: As noted in comments, when I bind a dummy “change” handler to the body element:

    $('body').bind('change', function() { return true; });

    then things start working normally. I’m sure that @Alex is right, that there’s something going on with the way jQuery is trying to fake the bubbling of the “change” event. Still spooky however. The test page is at http://gutfullofbeer.net/clicks-body.html and you can see the weirdness by clicking the “Setup with change handler first”, then click the checkboxes and note that the “click” handler on the second one only fires once, then click the “Bind a handler to the body” and watch how the checkboxes behave after that.

    • 0