0

このコードが 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

4

2 に答える 2

3

を呼び出すevent.preventDefault() とエラーが発生し、そのため残りのコードは実行されません。これを変更する必要があります：

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

jQuery は、イベント オブジェクトを最初のパラメーターとしてコールバック関数に渡します。グローバル オブジェクトeventはすべてのブラウザーに存在するわけではないため、使用しないでください。コールバック関数に最初のパラメーターとして渡される jquery イベントを常に使用します。

于 2013-01-18T13:15:47.360 に答える
0

に変更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');
于 2013-01-18T13:16:17.827 に答える