Question

我一直在研究MyBB的一个主题，我正在尝试实现一个jQuery Background切换器。我一直在尝试，但没有成功。

这是html：

<script src="images/vhut/style/pattern.js" type="text/javascript"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/image directory/script/cookie.js"></script>
<a href="#" class="pat" id="pat1" style="background:url('images/image directory/style/patterns/pat1.jpg')">click 1</a>
<a href="#" class="pat" id="pat2" style="background:url('images/imag directory/style/patterns/pat2.jpg')">click 2</a>

这是我正在使用的JS文件：

$(document).ready(function(){
$('a.default').click(function(e){
        var bg = $(this).css('background');
        $('body').css('background','none')
})

$(".pat").click(function(){
    $("body").removeClass('background');
    if( $('#alpha-style').is(':checked')){
            $('#alpha-style').attr("checked",false);
            $('.bg-alpha').hide();
        }
});

$("#pat1").click(function(){
$(body).css("background", "url(patterns/1.png)");
return false;
});

$("#pat2").click(function(){
$(body).css("background", "patterns/2.png)");
return false;
});
});

模式位于文件夹images / theme directory / style / patterns中 js文件位于images / theme目录/ style

中

所以任何人都可以帮助我的代码或为我得到的错误提供可能的解决方案帮助表示赞赏的问候，

Answer 1

相对于文档根目录提取图像，因此客户端正在example.com/patterns/1.png请求资源。仅仅因为JS文件夹位于图像文件夹中并不意味着您可以使用JS中的资源的相对路径。只需使用

url(/images/image directory/style/patterns/1.png);

另请查看您的控制台。这是你最好的朋友。如果使用Chrome，请右键单击并检查元素，然后检查网络工具是否有404响应。如果使用Firefox，请立即下载Firebug并执行相同操作。它会准确地告诉您正在获取的URL，您可以在JS中进行故障排除以获得适当的响应。

单击jquery更改Body Background

1 个答案: