jQuery die() does not work

Question

Since I'm creating a HTA code I'm stuck with IE :(

We needed to trap the change event in a <select> element, but guess what, IE does not support that event.

So I created a way to mimic it. With a <input type="text"> that when it is being click show the <select> just below. That part works fine. The problem is, I want to hide the select when the user click outside the select.

I tried to catch a click on the body, it works fine the first time but the second time the select gets hidden try away.

Here a simplify version of the code:

$('.product').live('click',function(){
    // Show the <select id="select"> code goes here

    // this is the event to close the select
    $('body').die().live('click', function(){ $('#select').fadeOut(250); return;});

    // get the click on the select element
    $('#select').die().live('click',function(){
       // kill the close the select
       // THIS IS THE .die() THAT DOES NOT WORK
       $('body').die();

});

Question Is there something wrong with this code? OR is there a better way to do this? Remember I'm stuck with IE.

Internet Explorer (7 and up, at least) do support the "change" event. [Here is a jsfiddle to demonstrate.](http://jsfiddle.net/23qm3/) — Pointy, Nov 07 '11 at 14:14
@Pointy could you post that into an answer so I can vote you up. You deserve it to school me. — David Laberge, Nov 07 '11 at 15:14

score 1 · Answer 1 · answered Nov 07 '11 at 14:07

1

In order for .die() to function correctly, the selector used with it must match exactly the selector initially used with .live().

answered Nov 07 '11 at 14:07

John

459
2
6

Wha that has been check, see the example – David Laberge Nov 07 '11 at 14:11
1

If you call $("#demo").live("click", click_does_this); then die must be called $("#demo").die("click", click_does_this); and not $('#demo').die(); Especially if you're dealing with IE compatibility. In any way, try using jQuery 1.7 with .on() and .off(), they say its IE compatibility is much more improved – John Nov 07 '11 at 14:17

score 1 · Accepted Answer · answered Nov 07 '11 at 15:17

Internet Explorer 7 and up (and probably 6, since IE7 is mostly IE6 with lipstick, but I can't test that easily) do support the change event. Here is a jsfiddle with a really simple demo.

It's definitely true that IE does weird things with events. For example, "change" won't bubble (from <select> at least, and probably other things), but jQuery patches over that for you. Also there's the classic issue with checkboxes and radio buttons, which don't fire "change" until they lose focus (which makes it basically useless). For those, I find that "click" works fine.

jQuery die() does not work

2 Answers2

Linked