jShowOff僅適用於WP，當jQuery在相同的PHP文件？

我正在使用jShowOff在home.php之內的WordPress主題<body>之內。jShowOff僅適用於WP，當jQuery在相同的PHP文件？

在header.php的<head>裏面我已經從jQuery和jShowOff腳本適當地包括：

但jShowOff功能只能如果我還包括內部home.php的jQuery（相同的PHP文件，我在那裏內放jShowOff HTML代碼）。

任何人都可以想到爲什麼這可能是或我可以如何解決它？我不應該需要兩次加載jQuery，對吧？

內<body>在home.php的代碼如下所示：

<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解決：

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

來源

2011-06-22 ryanve

你的腳本是什麼樣的？ –

這是一個來自[ekallevig.com/jshowoff/](http://ekallevig.com/jshowoff/） – ryanve

嗯，所以你包裝你的JavaScript在一個$（document）.ready？這是我能想到的唯一問題。 –

刪除腳本包括在頁面的body標籤。一旦頁面加載完畢，打開瀏覽器的JavaScript控制檯，檢查它是否響應jQuery，$兩者都應該響應同一個對象。如果他們不這樣做，這意味着您的$被其他圖書館使用。用jQuery替換$。

來源

2011-06-22 18:19:01

謝謝/它可能與PHP衝突？在DOM控制檯中的Firebug中，它表示$ unknown。我嘗試將$（document）.ready（function（）轉換爲jQuery（）。ready（function（）but no dice。 – ryanve

我試過jQuery（document）.ready（function（），我認爲這是你的意思。在[jshowoff.min.js]（https://raw.github.com/ekallevig/jShowOff/master/jquery.jshowoff.min.js）裏面改變$的內容也是必要的嗎？ – ryanve

我沒有' t看到第二個$。一旦我將它們都更改爲jQuery，它就起作用了，謝謝！ – ryanve

jShowOff僅適用於WP，當jQuery在相同的PHP文件？

回答

相關問題