首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jShowOff只在WP中工作,当jQuery在同一个PHP文件中时?

jShowOff只在WP中工作,当jQuery在同一个PHP文件中时?
EN

Stack Overflow用户
提问于 2011-06-22 17:48:43
回答 1查看 1.2K关注 0票数 1

我在jShowOff中使用WordPress主题,在<body>中的home.php中。

<head> in header.php中,适当地包含了jQuery和jShowOff脚本:

代码语言:javascript
复制
<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中,代码如下所示:

代码语言:javascript
复制
<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解决问题

代码语言:javascript
复制
        <script>        
            jQuery(document).ready(function(){ jQuery('#basicFeatures').jshowoff({ 
                links: false,
                controls: false,
                effect: 'fade',
                cssClass: 'basicFeatures',
                hoverPause: false 
            }); });
        </script>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-06-22 18:19:01

删除页面正文中的脚本包含标记。页面加载后,打开浏览器的javascript控制台并检查它是否响应jQuery和$都应该响应相同的对象。如果他们不这么做,那就意味着你的钱被其他图书馆用了。将$替换为jQuery。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6444235

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档