0

これは、レスポンシブな 1 ページの Web サイトに追加したい機能ですが、ブラウザーの幅が 1024px を超える場合に限られます。

jQuery に関する私の知識は最小限です。これは私が今持っているコードです:

$(document).ready(function() {
        var pageWidth = $(window).width();
        if (pageWidth > 1024) {

$('.footer a').mouseenter(function() {
$(this).effect("bounce", { times:1, distance:4 }, 250);
});

});
});

これは、この関数をロードする HTML にあるコードです。

<script type="text/javascript" src="js/tiny-bounce.js"></script>

別の質問として、この関数が起動しない場合、たとえば、ユーザーが幅 1024 ピクセル未満のデバイスにサイトをロードした場合、JavaScript ファイルをロードする必要がありますか?

4

2 に答える 2

1

これを行う必要があるのは、

これの代わりに

if (pageWidth > 1024) {

これを行う

if (pageWidth < 1024) {
于 2012-12-03T05:34:05.430 に答える
1

はい、HTML または既存の JS スクリプトにこのコードを含めない限り、幅が 1024 未満の場合でも JS コードをロードする必要があります。

$(window).width()なしで呼び出すことができると思います$(document).ready()。これは、小さな画面でこの余分なコードを使用することによる影響を軽減する 1 つの方法になる可能性があります。

于 2012-12-03T05:34:32.827 に答える