Multi Selector + Non Existnig Context + Live to bind event handlers = event is bound to all but first part of the multi selector

[nhaemhou]

Found a pretty annoying bug. I was expecting that when the context doesn't exist (i.e. not found on the current page), that live would not attach the event handlers to the elements in a multi selector. Turns out that it does it as expected for the first part of the multi selector and then ignores the non existing context for the other parts (i.e. it attaches the event handler)

Example:

---

<div class="foobar">

<div class="a">AAA</div> <div class="b">BBB</div> <div class="c">CCC</div>

</div>

var ctx = $('.nonExistingClass'); $('.a, .b, .c', ctx).live('click', function(event) {

$(this).css('color','red');

});

If the context doesn't exist, live still attaches the event handler to .b and .c If you use bind instead, it works correctly and none of the parts of the multi selector get the event handler.

var ctx = $('.nonExistingClass'); $('.a, .b, .c', ctx).bind('click', function(event) {

$(this).css('color','red');

});

[addyosmani]

I can confirm the behavior mentioned is experienced when using jQuery 1.4.2 or 1.4.3 RC2.

Flagging for a further review and possibly a patch if possible.

[snover]

Resetting milestone to future.

[danheberden]

Still present: ​http://jsfiddle.net/danheberden/Ezu5R/

[john]

You should only be using an element as a context, not a jQuery set. Do this instead: var ctx = $('.nonExistingClass')[0];