2016-10-03 7 views
0

jqueryは自動的にWordPressに含まれていたと言われましたが、私は先に進み、functions.phpにjqueryを含めました。私は、リンクがクリックされたときにdiv#idにスクロールする簡単なスクリプトを実行しようとしています。自分のjqueryを私のWordPressサイトで動作させることができません

私はこのスクリプトを作成しました:

jQuery(document).ready(function($) { 
    jQuery("#view-visibility").click(function() { 
    jQuery('html, body').animate({ 
    scrollTop: jQuery("#visibility").offset().top 
    }, 2000); 
    }); 
)}; 

私は、自分のファイルにscript.jsをスクリプトを入れて、のfunctions.phpにこれを追加しました:

`

function theme_js() { 
    //parameters: 1.handle, 2.path, 3.array of dependents, 4.version specification, 5.load in footer? true or false 
    wp_enqueue_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js', '', '3.1.1', true); 
    wp_enqueue_script('bootstrap_js', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js', array('jquery'), '', true); 
    wp_enqueue_script('my_js', get_template_directory_uri() . '/script.js', array('jquery'), '', true); 

} 

add_action('wp_enqueue_scripts', 'theme_js');` 

私はまだそれを働かせることができません...私は契約が何であるか分かりません!私は頭の中または体の前にjqueryをロードする必要がありますか?

私のサイトへのリンク http://jakeford.io/pwi-project

+0

を最初の行で '$ 'エイリアスを使用するためには、jQuery()を使用してください。その後、' jQuery() 'の代わりに' $() 'を使用してください。また、ブラウザコンソールでエラーメッセージを共有することは**常に**役立ちます。 – Terry

+0

コンソールからこのエラーが出ていますが、スクリプトのどこにあるのかわかりません:script.js?ver = 4.6.1:7 Uncaught SyntaxError:予期しないトークン) – JakeFromStateFarm

答えて

2

は、Javascriptとその他をチェックするFirefox(またはFirebug)またはChromeまたはSafariまたはIEに開発ツールを使用することを学びますコンソールエラー。コンソールで

、私はSyntaxError: Unexpected token ')' on line 9 of script.js.

を参照してくださいだから私は、コード怒鳴るしてみてください、それは構文エラーを持っているサイトのscript.jsをチェックした}); });

+0

感謝!私は括弧が欠けているというエラーを見ましたが、それを見つけ出すためには目の新鮮なセットが必要でした。それは働いています:DDDD – JakeFromStateFarm

-1

$でのjQueryを置き換える:

$(document).ready(function($) { 
    $("#view-visibility").click(function() { 
    $('html, body').animate({ 
    scrollTop: $("#visibility").offset().top 
    }, 2000); 
    }); 
)}; 
+0

JQueryはWordPressの互換モードで動作します'$ 'を直接使うことはできません。 – Terry

+0

私は$とこれを試しました:jQuery(document).ready(function(jQuery){ jQuery( "#view-visibility" scrollTop:jQuery( "#visibility").offset()。先頭へ }、2000); }); )}; – JakeFromStateFarm

2

を試してください:あなたが指示したので

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

    jQuery("#view-visibility").click(function() { 
    jQuery('html, body').animate({ 
     scrollTop: jQuery("#visibility").offset().top 
    }, 2000); 
    }); 
    jQuery('.my-slider').unslider({ 
     autoplay: true 
    }); 
}); 
+0

ありがとう、私は新鮮な目の人に感謝します。休憩時間:D – JakeFromStateFarm

関連する問題