jquery - Jquery append don't function in Firefox

Question

Please, why this code dont function in 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');

In Mozilla,is oppened the image in browser, not append the img tag.

You can see an example in: 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');