nivoSlider和外部jquery之间的jquery冲突

Question

我正在运行一个wordpress网站，它的主页上有一个Nivoslider。我不得不使用另一个插件，所以我需要在header.php文件中的'head‘标签中包含jquery。现在，当我在<?php wp_head(); ?>下包含jquery文件时，Nivo滑块无法工作，并且在加载屏幕上卡住了。我试着在互联网上搜索这个问题，并尝试了一个解决方案，我在<?php wp_head(); ?>上添加了以下代码

<?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(); ?>上添加此代码后，滑块的第一张幻灯片现在才出现，我不能通过单击下一页/上一页按钮在幻灯片之间切换。此外，当我从header.php文件中删除代码<?php wp_head(); ?>并添加jquery文件时，我的其他插件开始正常工作，但滑块停止工作。我假设jquery被加载了两次，这会导致冲突，但我似乎找不到问题是从哪里产生的。这是我的网站，我在上面运行了Nivoslider和其他插件：http://ignoremusic.com/

Answer 1

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

我个人地将滑块的JS代码嵌入到一个noConflict()函数中。