0

私は、jQuery バックグラウンド スイッチャーを実装しようとしている MyBB のテーマに取り組んできました。私は試みてきましたが、成功していません。

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 directory/style にあります

だから、誰でも私のコードに関して助けたり、私が助けを得ているエラーの可能な解決策を提供したりできますか?

4

1 に答える 1

0

画像はドキュメント ルートを基準にして取得されるため、クライアントは でリソースを要求していますexample.com/patterns/1.png。JS フォルダーが images フォルダーにあるからといって、JS でリソースへの相対パスを使用できるわけではありません。使うだけ

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

また、コンソールを見てください。それはあなたの親友です。Chrome を使用している場合は、要素を右クリックして検査し、ネットワーク ツールで 404 応答を確認します。Firefox を使用している場合は、すぐに Firebug をダウンロードして、同じことを行ってください。フェッチされている URL が正確に示され、適切な応答を得るために JS でトラブルシューティングを行うことができます。

于 2013-01-27T03:28:19.460 に答える