Jquery Event.target does not work on IE8

Question

Hi. I have a problem with IE8. The code below works on Chrome and firefox, but not on IE. As soon as it reaches that first line, the IE error says "expected object".

What I have is an img inside a div#Prods. When clicked, this code tests [if what was clicked is an img "&&" if its id is different from "#img-display" (id of another img inside the div that should not trigger the function) "&&" if the id is different from the value of eh_tb].

$('#prods').on('click', find("img"), function(event) {
    if( $(event.target).is('img') && ($(event.target).attr('id') != 'img-display') &&
($(event.target).attr('id') != eh_tb) ) {

        //PROCESSAMENTO AQUI
    }                                              
});

What’s in HTML is a menu. And an empty div#Prods. When I click on a menu link, it calls a PHP function by ajax to display the contents of a folder within #Prods.

The PHP code places inside #Prods:

• a series of imgs that are thumbnails (these are the imgs tested in the function qd clicked);
• a "p";
• an "img" which is the #img-display;

OBS.: the variable "eh_tb" stores which thumbnail is currently displaying its content. It is just not to load the function and end up loading the same content again.

I had to use Event.target because the content is dynamically generated by PHP. Someone has a solution for this code to run on IE8?

Answer 1

jQuery (in versions 1.x) works in the same way on IE8 and other more modern browsers. This is a great advantage of using a library.

That said, your problem is in the code.
Remove find("img") and place only "img" like @bfavaretto indicated. So delegate the event and that alone will cause you to remove your first condition in your if.

Inside the parameter/callback function .on() can use the this instead of event.target and you don’t need jQuery to get the ID.

My suggested code is:

$('#prods').on('click', "img", function(event) {
    if (this.id == 'img-display' || this.id == eh_tb) return false;
    //PROCESSAMENTO AQUI

});