2

Oi. Estou com um problema com o IE8. O código abaixo funciona no chrome e no firefox, mas não no IE. Assim que ele chega nessa primeira linha, o erro do IE diz "objeto esperado".

O que eu tenho é uma img dentro de uma div#prods. Quando clicada, esse código testa [se o que foi clicado é uma img "&&" se o id dela é diferente de "#img-display"(id de outra img dentro da div que não deve acionar a função) "&&" se o id é diferente do valor de 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
    }                                              
});

O que está no HTML é um menu. E uma div#prods vazia. Qd clico em um link do menu, ele chama uma função PHP por ajax para exibir o conteúdo de uma pasta dentro de #prods.

O código PHP coloca dentro de #prods:

  • uma serie de imgs que sao os thumbnails(essas são as imgs testadas na função qd clicadas);
  • um "p";
  • uma "img" que é a #img-display;

OBS.: a variável "eh_tb" guarda qual thumbnail está exibindo seu conteúdo no momento. É apenas para não carregar a função e acabar carregando o mesmo conteúdo de novo.

Eu tive que usar event.target porque o conteúdo é gerado dinamicamente pelo PHP. Alguém tem uma solução para esse código rodar no IE8?

4

1 Resposta 1

2

O jQuery (nas versöes 1.x) funciona do mesmo modo no IE8 e outros browsers mais modernos. Essa é grande vantagem de usar uma biblioteca.

Dito isso, o seu problema está no código.
Remova find("img") e coloque somente "img" como o @bfavaretto indicou. Assim delega o evento e isso só por sí já fará com que possa remover a sua primeira condicäo no seu if.

Dentro da funcäo parametro/callback do .on() pode usar o this em vez de event.target e näo precisa de jQuery para ir buscar a ID.

A minha sugestäo de código é:

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

});
6
  • Ficou perfeito, acrescento apenas que nessa situação eh_tb esta se referindo ao valor de uma variável e não a um elemento com id="eh_tb", não sei se essa é a intenção real do @Dtag. jsfiddle com a solução que fiz enquanto você respondia... 13/08/2014 às 22:01
  • @Jader o Dtag escreveu na pergunta "&& o id é diferente do valor de eh_tb", daí ter feito assim.
    – Sergio
    13/08/2014 às 22:02
  • sim, mas eh_tb é uma variável, e "eh_tb" é uma string. 13/08/2014 às 22:04
  • @Jader, pois, vamos ter de esperar por clarificacäo.
    – Sergio
    13/08/2014 às 22:06
  • Muito obrigado a todos, especialmente @Sergio. Funcionou perfeitamente utilizando $(this).attr('id'). O find('img') veio de uma solução que eu tinha pesquisado. Não lembro agora, mas tinha entendido(obviamente errado) que so "img" não funcionaria. Tão simples, mas estou aprendendo. hahaha. Mais uma vez, obrigado! Abçs
    – Dtag
    14/08/2014 às 12:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .