JQuery live click not working in IE wit a tag

Question

I have an anchor tag on my page that is added dynamically using jQuery:

<a href="#" id="ClickMe">Click Me</a>

I have the following jQuery within my $(document).ready(function()

 $("#ClickMe").live('click', function()
 {
     $("#SomeDiv1").show();
     $("#SomeDiv2").hide(); 
 });

This works fine in firefox, but not in IE. I am developing in IE8 currently, but I will need it to run in IE7 minimum.

Answer 1

Why not use the click event directly instead of live ? You are binding to an element with an ID, so I presume that you won't have other elements added later on with the same ID; and that defeats the purpose of using the live function.

---

Try it like this :

$("#ClickMe").click(function()
 {
     $("#SomeDiv1").show();
     $("#SomeDiv2").hide(); 
 });

Answer 2

The code probably is working just as it should, only it is not doing what you expect; as you are not doing anything from stopping the click event from causing browser navigation, that might disturb your showing and hiding of divs.

Try the following:

$('#ClickMe').live('click', function(ev) {
    $('#SomeDiv1').show();
    $('#SomeDiv2').hide();

    // Stop event handling in non-IE browsers:
    ev.preventDefault();
    ev.stopPropagation();
    // Stop event handling in IE
    return false;
});

Answer 3

I have solved the issue by embeeding a call to a function in the anchor tag being rendered in the info window.

e.g.

> <a href="#" id="ClickMe" onclick="ClickMeFunc();">Click Me</a>

Answer 4

Hi littlechris & meanstreakuk would you give some more detail on code? i'm facing the same problem.. i use some trigger like u suggested above, but it still wont work. Should i keep the live function? or i should remove it?

thank you