1

http://jsfiddle.net/NKgG9/6/を自分のウェブサイトに実装しようとしています。

ユーザーがスクロールダウンを開始すると、div がフェードアウトするはずです。代わりに、div はそこにあるだけで、完全に表示され、変更されません。私はJavaの大初心者なので、それは本当に基本的で基本的なものだと思います。

これが私がやっていることです：

head タグ内:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script>
$(document).ready(function() {
    var targets = $(".scroll_note, .social");
    if($(window).scrollTop() > 10){
      targets.hide();
    }
    $(window).scroll(function(){
        var pos = $(window).scrollTop();
        if(pos > 10){
            targets.stop(true, true).fadeOut("fast" );
        } else {
            targets.stop(true, true).fadeIn("fast");
        }
    });
});?
</script>

そして body タグ内で:

<div class="scroll_note">Scroll down to see our amazing specials!</div>

私を助けてください！ありがとう、アレックス:)

4

2 に答える 2

2

含める他のスクリプト は、変数への jQuery のグローバルな割り当てを削除するfadeslideshow.js呼び出しを行います。これにはいくつかの方法があります。jQuery.noConflict$

  1. jQuery.noConflictinへの呼び出しを削除しますfadeslideshow.js。ただし、これによりそのスライドショー スクリプトが壊れる可能性があります。
  2. 上記の JavaScript コードでjQuery代わりに使用します。$

  3. グローバルを次のように再マップする自己呼び出し関数でコードをラップします。jQuery$

    (function($) { /* your code here */ })(jQuery);
于 2012-06-25T23:14:50.900 に答える
1

?コードの最後に、エラーをスローしてスクリプトを強制終了する があります。それを削除すると、すべて設定されているはずです。

編集：

あなたがサイトを投稿したのを見ました。scriptGoogle API を指すタグの形式が正しくありません。で始まるのではなくhttp:、で始まるだけ//です。それを修正してから、現在地を確認してください

Edit2 : ワイアットは、これは正しくないと指摘しました。彼の答えを見てください。

于 2012-06-25T22:57:20.247 に答える