JQuery不工作在鉻？

我試圖通過jquery改變它的CSS的背景圖像，我得到它在FireFox中工作，但由於某種原因，它沒有做任何事情在鉻，我試圖清除緩存但仍然沒有運氣，有在控制檯或者沒有錯誤，這裏是我的代碼：JQuery不工作在鉻？

$(document).ready(function() { 
    var bg = 1; 
    $("#changePic").click(function() { 
    if (bg == 1) 
    { 
     $("#outerWrapper").css("background-image","url(images/background-lodge1.jpg"); 
     bg=2; 
    } 
    else if (bg == 2) 
    { 
     $("#outerWrapper").css("background-image","url(images/background-lodge2.jpg"); 
     bg=3; 
    } 
    else 
    { 
     $("#outerWrapper").css("background-image","url(images/background-lodge.jpg"); 
     bg=1; 
    } 
    }); 
});

然後我的鏈接看起來是這樣的：

<a href="#" id="changePic"><span class="sidetab">Next Photo <img src="images/arrow.png" alt="" width="10" height="14" align="absmiddle" /></span></a>

爲什麼這會在Firefox工作，但不是Chrome的想法？

來源

2010-09-03 Doug Molineux

我不能肯定地說爲什麼它不起作用，因爲#outerWrapper不在您的發佈標記中。此腳本也在哪裏？它可能沒有被正確包含，可能是Chrome瀏覽器不喜歡的格式不正確的<script>標籤？

什麼我可以提供一種方法來簡化它，仍然是跨瀏覽器兼容，你可以用.toggle()代替，就像這樣：

$(function() { 
    $("#changePic").toggle(function() { 
    $("#outerWrapper").css("background-image","url(images/background-lodge1.jpg"); 
    }, function() { 
    $("#outerWrapper").css("background-image","url(images/background-lodge2.jpg"); 
    }, function() { 
    $("#outerWrapper").css("background-image","url(images/background-lodge.jpg"); 
    }); 
});

來源

2010-09-03 02:07:33

對不起是它實際上在頂端的

相關問題

JQuery不工作在鉻？

回答

相關問題