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。試一試。