Question

I am using jQuery 1.3.2, and I cannot update that version because of spec limitations.

I am trying to fire an event, where a user goes directly to targeted pages using a ‘Jump Menu’. This jump menu is AJAX based. First Country, which gets an AJAX result of States, then Cities. When user clicks on a city, they are to be directed to the relevant URL.

This code works fine in Mozilla, Chrome and IE9:


$("#id-of-the-AJAXED-select-widget").live('change', function(){
jumpSubmit();
});


But the ‘change’ event does not fire in IE8. From what I read in many other places, this is a combination of issues with IE8 and jQuery 1.3 – however, there were no ideas for solutions. Much as I would like, I cannot banish either of these – so kindly help me find an answer…

Answer 1

Cleaner way to write your code: $("#id-of-the-AJAXED-select-widget").live('change', jumpSubmit);.

As for your problem, that seems to be IE8-specific. Your best bet would be to single out IE8 and then use the click() event instead of the change() event to trigger the page:

// mousedown
oldIndex = this.index

// mouseup
if (this.index != oldIndex) {
  // It changed
}