Jquery append가 Firefox에서 작동하지 않습니다.

Question

Firefox에서이 코드가 작동하지 않는 이유는 무엇입니까?

var path = 'http://www.facedabeauty.com.br/teste/0/display/' 
var i = 2; 

$('.gallery a').click(function(){ 
    event.preventDefault(); 
    $('.lightbox').removeClass('preloader').fadeIn(); 
    $('.display').html('<img src="'+path+i+'.jpg" />').addClass('imgdisplay'); 

Mozilla의 경우 img 태그를 추가하지 말고 브라우저에서 이미지를 수정하십시오.

당신의 예를 볼 수 있습니다 http://codepen.io/Mpleandro/full/CaAip

Answer 1

당신이 event.preventDefault()를 호출하고이 오류를 생성하고 있기 때문에 나머지 코드가 실행되지 않았는지의 것입니다. 다음을 변경해야합니다.

$('.gallery a').click(function(event){ 
     event.preventDefault(); 

jQuery는 이벤트 객체를 콜백 함수의 첫 번째 매개 변수로 전달합니다. 글로벌 개체 event은 모든 브라우저에 존재하지 않으므로 사용해서는 안됩니다. 항상 첫 번째 매개 변수로 전달 된 jquery 이벤트를 콜백 함수에 사용하십시오.

Answer 2

변경 event.preventDefault()에서 e.preventDefault()으로 변경하고 익명 함수 콜백에 e 매개 변수를 추가하십시오.

var path = 'http://www.facedabeauty.com.br/teste/0/display/' 
var i = 2; 

$('.gallery a').click(function(e){ 
    e.preventDefault(); 
    $('.lightbox').removeClass('preloader').fadeIn(); 
    $('.display').html('<img src="'+path+i+'.jpg" />').addClass('imgdisplay');