jquery脚本在Chrome浏览器中工作，但不在Firefox中

Question

我的脚本旨在从缩略图中找到全尺寸图片的链接，并在模式窗口中将其打开。它在Chrome中正常工作，但只是遵循链接，似乎忽略了Firefox中的脚本。

$(".gallery-item").click(function(e) { 
    e.preventDefault(); 
    //get var to hold ".galler-icon a" for this specific pic 
    var imagelink = $(this).children().children().attr('href'); 
    $('#dialog').append('<img id="theImg" class="resize" src="' + imagelink + '" />'); 
    var caption = $(this).find(".gallery-caption ").text(); 
    $('#dialog').append('<p id="theCaption">' + caption + '</p>'); 
    //Get the screen height and width 
    var maskHeight = $(document).height(); 
    var maskWidth = $(window).width(); 

    //Set height and width to mask to fill up the whole screen 
    $('#mask').css({ 
     'width': maskWidth, 
     'height': maskHeight 
    }); 

    //transition effect  
    $('#mask').fadeIn(1000); 
    $('#mask').fadeTo("slow", 0.8); 

    //Get the window height and width 
    var winH = $(window).height(); 
    var winW = $(window).width(); 
    //Set the popup window to center 
    $("#dialog").css('top', winH/2 - $("#dialog").height()/2); 
    $("#dialog").css('left', winW/2 - $("#dialog").width()/2); 

    //transition effect 
    $("#dialog").fadeIn(2000); 
    //if close button is clicked 
    $('.window .close').click(function(e) { 
     //Cancel the link behavior 
     e.preventDefault(); 
     $('#mask, .window').hide(); 
     $('#theImg').remove(); 
     $('#theCaption').remove(); 
    }); 

    //if mask is clicked 
    $('#mask').click(function() { 
     $(this).hide(); 
     $('.window').hide(); 
     $('#theImg').remove(); 
     $('#theCaption').remove(); 
    }); 
    return false; 
}); 

总结firefox会忽略这个脚本，并在链接后面。我怎样才能解决这个问题？

Answer 1

你有没有这个.click()绑定在document.ready处理程序中运行？否则，这可能是您的问题的根源。

$(function() { 
    $(".gallery-item").click(function(e) { 
    e.preventDefault(); 
    // etc... 
    }); 
}); 

编辑

由于没有工作，发生的下一个想法是，你应该试着改变你的类名的东西不带连字符。这可能会绊倒FF。试一试。