我在jShowOff中使用WordPress主题,在<body>中的home.php中。
在<head> in header.php中,适当地包含了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>但是,只有当我还将jQuery包含在home.php中(在与放置jShowOff代码的php文件相同的php文件中)时,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>发布于 2011-06-22 18:19:01
删除页面正文中的脚本包含标记。页面加载后,打开浏览器的javascript控制台并检查它是否响应jQuery和$都应该响应相同的对象。如果他们不这么做,那就意味着你的钱被其他图书馆用了。将$替换为jQuery。
https://stackoverflow.com/questions/6444235
复制相似问题