2012-07-18 26 views
-1

我在Wordpress主题中遇到问题WordPress上的jQuery版本

我包含Nivo Slider(jQuery)和jQuery Flexylisder。

现在从来就与我的插件问题 - > “以太内容生成器”

的NIVO滑块失去作用......

页眉

<?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> 

和多数民众bevore的身体标记

<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(),但它并没有工作。

回答

2

是你附加NivoSlider实际上称为'slidingder'或是一个错字?

如果不是它,然后尝试使用以下(欢呼Jezen)

​​
  • 编辑

权首先是一个真正的老版本的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提供);

​​
+0

是在div称为slidder因为页面上的Flesyslider称为滑块。 我尝试 bevore头 和你的代码,但它不工作 – user1535752 2012-07-18 19:16:55

+0

你需要的任何信息? – user1535752 2012-07-18 19:42:03

+0

为你编辑的答案 - 看看是否可行:-) – McNab 2012-07-18 19:49:02

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> 
+0

很高兴加入我们。在参数中没有传入$作为函数,并且他的脚本在开始时根本没有加载 - 我今天早上只有一个网站链接,所以我试图帮助盲目。正如您从评论中看到的你需要付出很多努力才能进入你可以进入并贡献的阶段。 – McNab 2012-07-19 08:25:26

+0

这是正确的,他不是,而是你*。你的行在这里:'jQuery(window).load(function($)'' 。你会看到这些括号之间的美元符号吗?你传递'$'作为一个argum功能。这在代码块中给出了'$'局部作用域。 – 2012-07-19 08:31:16

+0

好的 - 我明白了。感谢你的解释,我没有意识到这是不必要的,因为它对我一直工作得很好。我会相应地编辑我的答案。 – McNab 2012-07-19 08:34:42