0

これをスタンドアロンの HTML ファイルで動作させたい: http://jsfiddle.net/J8XaX/2/

私のスクリプトは次のとおりです。

var divs = $('.fademe');
$(window).on('scroll', function() {
   var st = $(this).scrollTop();
   divs.css({ 'opacity' : (1 - st/130) });
});

これらのインクルードを試しましたが、どれも機能しません:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.js'></script>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>

助言がありますか？

編集：ラップされています。私のHTMLのスクリプトは次のとおりです。

<script type='text/javascript'>
$(document).ready(function(){
    var divs = $('.fademe');
    $(window).on('scroll', function() {
   var st = $(this).scrollTop();
   divs.css({ 'opacity' : (1 - st/700) });
});
</script>

そしてそれはjsFiddleで動作しますが、それを独自のHTMLページとして表示しようとすると動作しません

4

3 に答える 3

7

コードをラップする

$(document).ready(function() {

});
于 2013-03-15T14:53:43.820 に答える
2

.on()関数は jQuery 1.7 で追加され、関数.css()は jQuery 1.0 で追加されたため、これら 3 つのファイルのいずれにも必要な関数がすべて含まれます。最初の 2 つは同じファイルで、1 つは圧縮されたばかりです (縮小されているため、ファイル名の ".min" 部分)。

ただし、DOM が構築される前にコードが実行されるのが早すぎる可能性が高いため、要素を選択できません。DOM readyイベント ハンドラーを使用して、そのコードの実行を遅らせます。

$(document).ready(function() {
    // your code
});
于 2013-03-15T14:55:46.133 に答える
0

div に正しくアクセスしていません。
選択した変数に jquery 関数を適用する場合は、次のようにする必要があります。 

$(divs).css({ 'opacity' : (1 - st/130) });
于 2013-03-15T14:54:11.697 に答える