2012-04-14 5 views
0

内での作業ではありません。jQueryのは、私がここで見つけることができますjQueryのスクリプトのこのビットを持っているWordpressの

jqueryソースのリンクを確認してコードを書き直しましたが、何も機能しません。

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
</head> 
    <body> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".move").toggle(
      function() { 
       $("#teetimetag").animate({ 
       right: "0px" 
       }, "normal"); 
      },function() { 
       $("#teetimetag").animate({ 
       right: "-200px" 
       }, "normal"); 
      }); 
     }); 
    </script> 
     <div id="teetimetag"> 
     <img class="move" src="http://test.tooheavytoskydive.com/wp-content/themes/newtheme/images/flag.png" style="float: left;" /> 
     <div style="margin: 15px 0 0 50px;"> 
      <a href="http://test.tooheavytoskydive.com/reservations/" style="color: #FFF; font-weight: bold; font-size: 17px;">Reserve your Tee-Time</a> 
     </div> 
     </div> 
    </body> 
    </html> 
+0

これはWordPressの無料版を使用していますか?彼らは自分のjsの追加を制限していますか? –

+0

は無料版です。私は彼らにJSの制限を聞いたことはありません。私はそれを使用するプラグインのトンを使用します。 – Plummer

答えて

1

あなたのウェブサイトには、次のJavaScriptエラーを与える: '$は関数ではありません'。他のライブラリとのjQueryの競合のようです。これは、jQuery.noConflict()を呼び出し、すべての$を 'jQuery'に置き換えることで解決できます。次のようにコードが表示されます:あなたはshortcutsのいずれかを使用していない限り、原則として

jQuery.noConflict(); 
jQuery(document).ready(function() { 
      jQuery(".move").toggle(
      function() { 
       jQuery("#teetimetag").animate({ 
       right: "0px" 
       }, "normal"); 
      },function() { 
       jQuery("#teetimetag").animate({ 
       right: "-200px" 
       }, "normal"); 
      }); 

}); 
+0

矛盾の原因を見つけ出すための脱泡ツール/ヒント – Plummer

+0

私はそのようなツールを知らない。プラグインを無効にして、問題がどこにあるかを確認することができます。 あなたの場合、問題は予約カレンダースクリプトにあるようです。ここで、 'var jWPDev = jQuery.noConflict();'を定義します。 noConflictを使用すると、$は設定されません。それが理由で、なぜ '$は関数ではない'というエラーが出現したのですか? – dennisg

+0

さて、現在、$の機能は変数jWPDevに入れられています。 $の代わりに 'jWPDev'を使うか、$が元の関数になるようにその行を削除することができます。その行を削除すると、jWPDevのすべての発生を$に変更する必要があることに注意してください(wp-content/plugins/booking/js/datepick/jquery.datepick.jsのファイルの末尾でのみ使用されると思います)。 これを見つけるには、あなたのウェブサイト上のすべてのjavascriptを調べ、矛盾の原因を探します(基本的にはコード内で$を探しています)。 – dennisg

0

あなたがあなたのテンプレートのfunctions.phpファイル内のファイルをJSに登録する必要があります

wp_register_script('jquery', 'http://code.jquery.com/jquery-1.7.2.min.js'); 

http://codex.wordpress.org/Function_Reference/wp_register_script

+0

その呼び出しはどこにありますか?関数ファイルまたはヘッダーにありますか? – Plummer

+0

あなたのfunctions.phpには、wp add_action()関数を使用して呼び出されます。どのページおよびどのページを呼び出すべきかを制御することができます。詳しくはwpドキュメントのこの部分を読んでください。http://codex.wordpress org/Using_Javascript – undefined

-1

を、あなたはjQueryため$変数を使用しないでください。次の2つのバージョンのいずれかを使用してワードプレスでのjQueryをロードする

jQuery(function ($) { 
    /* You can safely use $ in this code block to reference jQuery */ 
}); 

:以下は、安全$変数を使用するjQueryのショートカットする方法の一例です。 Plugin PageでOR function.php

function include_jQuery() { 
    if (!is_admin()) { 
     wp_enqueue_script('jquery'); 
    } 
} 
add_action('init', 'include_jQuery'); 

間違いなくあなたがinclude_jQueryオフの代わりに任意の意味のある関数名を使用することができますでコードが含まれます。あなたは、私が個人的に上記の手法(複数可)を学ぶところからだけでなくTHISリンクを気に入るかもしれ

function include_jQuery() { 
    if (!is_admin()) { 
     // comment out the next two lines to load the local copy of jQuery 
     wp_deregister_script('jquery'); 
     wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js', false, '1.8.3'); 
     wp_enqueue_script('jquery'); 
    } 
} 
add_action('init', 'include_jQuery'); 

代わりに、次のコードを使用することができます。非常に大きなありがとうEricm Martin!