ワードプレスで質問です。


ローディングを実装しようと考えています
参考サイト http://www.finefinefine.jp/web/kiji1706/

記述通り行ったのですができませんでした。
原因は
<!--start-->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.4");</script>
<script type="text/javascript">
$(function() {
$("#button").one('click', function() {
$("#loading").show();
$("#pics").load('test.html', function() {
$("#loading").fadeOut(function() {
$("#pics").show();
});
});
});
});
</script>
</head>
<!--end-->
***上の2行がワードプレスでは<?php wp_enqueue_script('jquery'); ?>
で表示されるためそれが原因かと考えましたがいかがでしょうか?
①対応として wp_deregister_scriptを使い上を記述は他のプラグインに影響するのでNG
②干渉しないよう記述にある$をjqueryなどに変えるもダメ

つまってしまいまして何かヒントがあれば幸いです。

回答の条件
  • 1人10回まで
  • 13歳以上
  • 登録:2013/11/27 13:29:44
  • 終了:2013/11/28 01:36:38

ベストアンサー

id:tukihatu No.1

牛乳先生(tukihatu)回答回数180ベストアンサー獲得回数322013/11/27 16:08:12

ポイント100pt

どんな風に上手くいかなかったのか情報が少ないので外してたらごめんなさい。
命令文よりWordPressの問題だと思います。


・jQueryを二重に読み込んでませんか?
もともとWordPressにはjQueryが組み込まれているので、基本上の二行(jqueryを読み込むscriptタグ)は要らないはずです。
削除してみたら動くかもしれませんよ?別に1.4が必要な命令文は使っていないので。
wp_deregister_script('jquery');でjQueryだけカットもできます。
・prototype.jsなどを他の場所で使用していて競合しているかも?
・それ以外のjsでエラーが発生すると、今書いている命令に到達する前に止まってしまうことがあります。この前に書いてあるJSがあればそちらも確認してください。


参考
http://kachibito.net/web-design/wordpress-with-jquery.html
http://www.df-cue.com/wp/2009/06/19/head/


もし解決しない場合は後の回答者さんのために以下を教えてください
・WordPressのバージョン
・②干渉しないよう記述にある$をjqueryなどに変えるもダメ→自分でやってみたが動かなかったということでしょうか?このような回答はダメということでしょうか?
・JSエラーがでているかでていないか、出ているならその内容文(英語か日本語)と、どの行でエラーになっているのか
・prototype.jsを使っているか→競合するので。
・wp_head()は書いているか


JSエラーを探っていけば原因がハッキリするとおもいますよー。

id:akakak

ありがとうございます!解決しました!
結局はphp wp_head()の前に記述していたことが原因でした涙
それと
<script type="text/javascript">google.load("jquery", "1.4");</script>はなしで、、
?php wp_enqueue_script( 'jquery' ); ?>でいけました!

2013/11/28 01:35:52
id:akakak

ほんとうにありがとうございました!

2013/11/28 01:36:28

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません