人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

ローディングを実装しようと考えています
参考サイト 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などに変えるもダメ

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

●質問者: ak
●カテゴリ:コンピュータ ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 牛乳先生(tukihatu)
●100ポイント ベストアンサー

どんな風に上手くいかなかったのか情報が少ないので外してたらごめんなさい。
命令文より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エラーを探っていけば原因がハッキリするとおもいますよー。


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

akさんのコメント
ほんとうにありがとうございました!
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ