-1

我在 Wordpress 主题上遇到问题

我包括 Nivo Slider (jQuery) 和 jquery flexylisder。

现在我的插件有问题 - >“Ether Content Builder”

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>

那是在body标签之前

  <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() 但它不起作用..

4

2 回答 2

2

您将 NivoSlider 附加到实际称为“滑块”的 div id 还是拼写错误？

如果不是这样，请尝试使用以下内容（欢呼 Jezen）

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

首先，由于某种原因，您正在加载一个非常旧的 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 - 它们现在被加载到头部proplery中。但是，您需要删除页脚中的内容。目前它看起来像;

 <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>
于 2012-07-18T19:14:17.543 回答
1

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>
于 2012-07-19T08:13:08.053 回答