<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>
あなたのスクリプトはどのように見えますか? –
これは、[ekallevig.com/jshowoff/](http://ekallevig.com/jshowoff/)からのものです。 – ryanve
あなたは$(document).readyにJavaScriptをラップしていますか?それが私が考えることができる唯一の問題です。 –