如何使jQuery代碼在所有瀏覽器中工作？

$(function() 
{ 
    var list = $('#ulGall li'); 
    currentItem = 0; 

    function changeToSlide(index) 
    { 
     var i = index; 
     var nextImage = "url(" + $('#ulGall img' + ':eq(' + i +')').attr('src'); 
     $('#gall').css('background-image', nextImage); 
    } 

    $('#gRight').click(function() 
    { 
     var i = currentItem; 
     if (i < (list.length - 1)) 
     { 
      changeToSlide(i+1); 
      currentItem += 1; 
     } 
     else 
     { 
      changeToSlide(0); 
      currentItem = 0; 
     } 

     $("#gInfo").hide(); 
    }); 

    changeToSlide(0); // this is the starting background of #gall 
});

此代碼是在一個單獨的文件，它改變#gall的背景圖片（點擊#gRight）
它完美的Firefoks，但不是在IE8和Chrome。
我在同一個文件中有另一個jQuery函數 - 他們在IE和Chrome中工作。
未在Opera和Safari中測試。如何使jQuery代碼在所有瀏覽器中工作？

我怎樣才能讓這個代碼是cross-browser

來源

2012-12-13 Alegro

你有一組額外的'}）;'末 –

什麼不工作（如whatr錯誤消息你是否在開發控制檯或什麼是意外的結果）？ –

如果你的代碼格式更好，你會注意到錯誤... –

似乎缺少結束大括號

"url(" + $('#ulGall img' + ':eq(' + i +')').attr('src') + ")" ; 
                  ^-- Missing

這可能會影響它在IE-8糟糕HTML威力搞砸的方式..

如果HTML is not properly formed那麼它可能不渲染在第一位。

你也有一個額外的右括號到底.. }); ..刪除以及

來源

2012-12-13 17:21:59

刪除了多餘的右括號 - 沒有結果。 – Alegro

對於'url' –

Sushanth失蹤'''怎麼樣，非常感謝。有用。解決 – Alegro

如何使jQuery代碼在所有瀏覽器中工作？

回答

相關問題