-
ID:1C519f さんの質問

ワードプレスを使ってるんですがjQueryが反映されません。
スクロールしたらトップへ戻るボタンが表示されるようにしてみたんですがうまく表示されません。

htmlは以下のような感じでフッターに書きました。

<div id="page-top">
<p><a href="#container">↑</a></p>
</div>

cssはdisplay: noneで非表示にしています。
display: noneを解除するとちゃんと表示されるんですが…

スクリプトはwp_headよりも後に書きました。

<script type="text/javascript" async>
jQuery(function(){
jQuery(window).scroll(function(){
var now = jQuery(window).scrollTop();
if(now > 1500){
jQuery(’#page-top p’).fadeIn(’slow’);
}else{
jQuery(’#page-top p’).fadeOut(’slow’);
}
});
</script>

jQueryはwp_headよりも上で読み込みました。

<?php wp_deregister_script(’jquery’);
wp_enqueue_script(’jquery’, ’http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js’, array(), ’1.11.3’); ?>

ほとんど丸コピなので自分ではよく分かりません。
でも、jQueryをwp_headよりも下に置いてみたり、<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>をwp_headよりも下に書いてみたり、いろいろ試しましたが上手くいきません。
他にどんな原因があるんでしょうか。
よろしくお願いします。

みんなの回答 5 件

ID:v2vTn1 さんの回答

wp_footerの下に書いてみて

ID:1C519f

ありがとうございます。
wp_footerの下にスクリプトを書いてみましたが、ボタンは表示されませんでした。
参りました

ID:WTCKXB さんの回答

とりあえずデベロッパーツールなりF12ツールなり開いてみて
スクリプトエラーが出てないか確認してみれば?

ID:1C519f

ありがとうございます。
Uncaught SyntaxError: Unexpected end of input
Uncaught ReferenceError: jQuery is not defined
というエラーが出ました。
プラグインを全て無効化しても同じでした。

ID:6TpKJH

エラー1行目:コードがどこかおかしいから見直して
エラー2行目:jQueryがみつからないよ?

ID:lobOkX さんの回答

コンテンツが1500もねぇんだろwうけるwww

ID:1C519f

ありがとうございます。
コンテンツは4800くらいあります。

ID:8PpCpS さんの回答

括弧はちゃんと閉じましょう。

ID:1C519f

ありがとうございます!
よく見たら括弧閉じてませんでした。
括弧閉じたらボタンが表示されました!
お騒がせしました;

ID:1C519f さんの回答

質問者です。
wp_footerよりも下に
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" async>
jQuery(function(){
jQuery(window).scroll(function(){
var now = jQuery(window).scrollTop();
if(now > 1500){
jQuery(’#page-top p’).fadeIn(’slow’);
}else{
jQuery(’#page-top p’).fadeOut(’slow’);
}
})
});
</script>
で表示されました。
最初に外部からjqueryを読み込むときにasyncを使うと表示されないみたいです。
なのでasyncを止めました。
wp_deregister_scriptは無くても問題ありません。
参考になれば幸いです。

最終更新日:2015-07-02 (4,754 views)

関連するトピックス

ページ上部に戻る