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不工作在铬？

回答

相关问题