Question

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

在<head> 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>

但jShowOff功能只有在我home.php中包含jQuery时才有效（在我放jShowOff HTML代码的同一个php文件中）。

任何人都可以想到为什么会这样或者我如何解决它？我不需要加载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>

Answer 1

删除页面正文中的脚本包含标记。页面加载后，打开浏览器的javascript控制台，检查它是否响应jQuery，$ both应该响应同一个对象。如果他们不这意味着你的$被其他库使用。用jQuery替换$。

当jQuery在同一个PHP文件中时，jShowOff只适用于WP？

1 个答案: