nivoSlider和外部jQuery之间的jquery冲突

我运行一个WordPress主页上有一个Nivoslider的网站。我不得不使用另一个插件才能工作，我需要在header.php文件中包含jquery，在'head'标签中。现在，当我在<?php wp_head(); ?>下包含jquery文件时，Nivo滑块不起作用并卡在加载屏幕上。我试图寻找在互联网上这个问题，并尝试一个解决方案，我添加上述<?php wp_head(); ?>下面的代码：nivoSlider和外部jQuery之间的jquery冲突

<?php 
    wp_deregister_script('jquery'); // Remove the default jQuery script 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', false); // Register the Google hosted Version 
    wp_enqueue_script('jquery'); // Enqueue the Google Hosted version 
    ?>

添加上述<?php wp_head(); ?>此代码后，滑块的第一张幻灯片现在才出现的，我可以” t通过单击下一个/上一个按钮在幻灯片之间切换。另外，当我从header.php文件中删除代码<?php wp_head(); ?>并添加jquery文件时，我的其他插件开始正常工作，但滑块停止工作。我认为jquery被加载两次，这是造成冲突，但我似乎无法找到从哪里产生问题。这里是我的网站上，我正在运行的Nivoslider和其他插件：http://ignoremusic.com/

来源

2013-04-02 Fahad Hasan

错误JS控制台看到：

Uncaught TypeError: Property '$' of object [object Object] is not a function

在WordPress，你可能会遇到一些问题，嵌入了jQuery版本代替使用：

$('#div').hide()

试试这个：

jQuery('#div').hide()

或者你可以使用JQuery.noConflict（）

http://api.jquery.com/jQuery.noConflict/

我personnaly嵌入在noConflict（）函数的滑块的JS代码。

来源

2013-04-03 07:19:56

非常感谢！我尝试了你的第一种方法，现在它工作得很好。感谢您的帮助，非常感谢:) –

nivoSlider和外部jQuery之间的jquery冲突

回答

相关问题