Question

我在Wordpress主题上遇到了问题

我包括Nivo Slider（jQuery）和jquery flexylisder。

现在我的插件出现了问题 - ＆gt; “以太内容构建器”

Nivo Slider无法使用...

标题

<?php wp_head(); ?>   
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script>

那就是身体标签

  <script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script>

 <script type="text/javascript">
$(window).load(function() {
    $('#slidder').nivoSlider();
});
</script>

我怎样才能让一切正常？我测试了jquery.noConflict（）但它不起作用..

Answer 1

您是否正在将NivoSlider附加到实际上称为'滑动'的div或者是一个错字？

如果不是，那就尝试使用以下（欢呼Jezen）

<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>

EDIT

首先，这是一个非常旧版本的jQuery，你出于某种原因加载它，即使你确实这样做也会引起各种各样的问题。

共有。 Wordpress附带了jQuery，你只需将它排入队列即可。在你的functions.php中，然后将它依赖于它，然后依赖于它的脚本;

if ( !is_admin() ) {
   wp_enqueue_script('jquery');
   wp_enqueue_script( 'jquery.nivoslider', get_bloginfo('template_directory').'/js/jquery.nivo.slider.js', array('jquery'));
   wp_enqueue_script( 'jquery.flexislider', get_bloginfo('template_directory').'/js/jquery.flexislider.js', array('jquery'));       
}

再次编辑。

是的，我已经开始工作，看看你的来源。你已经完成了我已经说过并在functions.php中将你的脚本排入队列 - 它们现在已经被装入了头部空间。但是，您需要删除页脚中的内容。目前它看起来像;

 <script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery-1.7.1.min.js"></script>  


 <script type="text/javascript">
$(window).load(function() {
    $('#slidder').nivoSlider();
});
</script>

<script src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="wp-content/themes/psr_v1/js/jquery.flexislider.js" type="text/javascript"></script>

它需要看起来像这样（由Jezen提供）;

<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>

Answer 2

1 - 删除此行：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

2 - 您的脚本应该在关闭正文标记之前，因此请将它们放在footer.php：

中

<script type="text/javascript" src="wp-content/themes/psr_v1/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    (function ($) {
        $('#slidder').nivoSlider();
    }(jQuery));
</script>
</body>
</html>

Wordpress上的jQuery版本

2 个答案: