2011-06-22 7 views
1

<body>内のhome.php内のWordPressテーマでjShowOffを使用しています。jShowOffはjQueryが同じPHPファイルにある場合にのみWPで動作しますか?

​​

が、私はまた、私はどこと同じPHPファイル内(home.php内のjQueryを含む場合jShowOff機能のみ動作します:

header.php<head>内部で私は両方のjQueryとjShowOffスクリプトが適切に含まれていますjShowOff HTMLコードを入れる)。

これはなぜ、どうやって解決できるのでしょうか? jQueryを2回ロードする必要はありません。

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js?ver=1.6.1'></script> 

      <div id="basicFeatures"> 
       <div title="Shore"><a href="http://google.com"><img src="http://farm5.static.flickr.com/4017/4303103738_a4745a3e6d_o.jpg" width=660 height=371 alt="Shore"></a></div> 
       <div title="Flower"><a href="http://imgur.com"><img src="http://farm5.static.flickr.com/4067/4302354517_d72d321f17_o.jpg" width=660 height=371 alt="Flower"></a></div> 
       <div title="Fern"><a href="http://gmail.com"><img src="http://farm3.static.flickr.com/2739/4303103822_a3b23ff7f5_o.jpg" width=660 height=371 alt="Fern"></a></div> 
      </div> 
      <script type="text/javascript">  
       $(document).ready(function(){ $('#basicFeatures').jshowoff({ 
        links: false, 
        controls: false, 
        effect: 'fade', 
        cssClass: 'basicFeatures', 
        hoverPause: false 
       }); }); 
      </script> 

を更新:jQuery$を切り替えることによって解決される問題:コードは次のようになりますhome.php<body>以内

 <script>   
      jQuery(document).ready(function(){ jQuery('#basicFeatures').jshowoff({ 
       links: false, 
       controls: false, 
       effect: 'fade', 
       cssClass: 'basicFeatures', 
       hoverPause: false 
      }); }); 
     </script> 
+0

あなたのスクリプトはどのように見えますか? –

+0

これは、[ekallevig.com/jshowoff/](http://ekallevig.com/jshowoff/)からのものです。 – ryanve

+0

あなたは$(document).readyにJavaScriptをラップしていますか?それが私が考えることができる唯一の問題です。 –

答えて

1

は、スクリプトを削除し、ページの本文にタグが含まれています。ページがロードされたら、ブラウザのjavascriptコンソールを開き、jQueryに応答するかどうかを確認して、$が同じオブジェクトに応答するようにします。彼らがそうでなければ、あなたの他のライブラリによって使用されていることを意味します。 $をjQueryに置き換えます。

+0

ありがとうございました/何とかPHPと衝突する可能性がありますか? DOMコンソールのFirebugでは$ unknownとなっています。 – ryanve

+0

jQuery(document).ready(function())を試してみましたが、それはあなたの意図だったと思います。その仕事をするために$の内部[jshowoff.min.js](https://raw.github.com/ekallevig/jShowOff/master/jquery.jshowoff.min.js)も変更する必要がありますか? – ryanve

+0

私は ' – ryanve

関連する問題