Я использую jShowOff в теме WordPress внутри home.php внутри <body>.
Внутри <head> в header.php Iдолжным образом включены скрипты jQuery и jShowOff:
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js?ver=1.6.1'></script>
<script type="text/javascript" src="../js/jquery.jshowoff.min.js"></script>
, но функциональность jShowOff работает только в том случае, если я также включаю jQuery в home.php (в том же php-файле, в котором я помещаю HTML-код jShowOff).
Кто-нибудь может подумать, почему это может быть или как я могу это исправить?Мне не нужно загружать jQuery дважды, верно?
В <body> in 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>