2017-03-23 18 views
0

こんにちは
私のWordPressテーマでjqueryを使用する際に問題があります。
それはいくつかのスクロール
後に要素を固定するコード使用だこれはjqueryの
jquery関数を使ってWordPressテーマにする

jQuery(document).scroll(function($) { 
var y = $(document).scrollTop(), //get page y value 
    header = $("#aside"); // your div id 
if(y >= 305) { 
    header.css({position: "fixed", "top" : "0", "left" : "0"}); 
} else { 
    header.css("position", "static"); 
} 
}); 


であり、私は

function website_scripts() { 
wp_enqueue_script('aside_scroll', get_template_directory_uri().'/js/aside_scroll.js', array('jquery'), '1.0.0', true); } 
add_action ('wp_enqueue_scripts', 'website_scripts'); 


function.phpにワードプレスのテーマにファイルを追加するには、このコードを使用しますそれはWordPressで動作していませんが、それはhtmlファイルで動作します

答えて

1

上記のどこでも「$」をjQueryで置き換えてくださいこれにあなたのjsを変更してみてくださいもう一度

+1

を働いていたことがわかった:( –

0

をコードしてみてください:

jQuery(document).ready(function($) { 

    $(document).scroll(function() { 
    var y = $(document).scrollTop(), //get page y value 
     header = $("#aside"); // your div id 
    if(y >= 305) { 
     header.css({position: "fixed", "top" : "0", "left" : "0"}); 
    } else { 
     header.css("position", "static"); 
    } 
    }); 
}); 
+0

私はそのbeforを行っているが動作していない:( –

+0

スクロールイベントで発生しているかどうかをテストするためにスクロール機能にコンソールログを入れてみましたか? – RipzCurlz

0

ああ、私は
は、私は、スクリプト・バージョンを削除し、それは私がbeforことなく、動作していない行っている

関連する問題