Question

jQuery与JS $ 冲突问题，求解决办法。

下面这段代码 让同页面的JS 效果都没了，该如何解决$让渡问题，百度了一下，按照其方法没能解决。
<script>
$(function(){
//滚动Banner图片的显示
$('#slides').slides({
preload: false,
preloadImage: '/images/loading.gif',
effect: 'fade',
slideSpeed: 400,
fadeSpeed: 100,
play: 3000,
pause: 100,
hoverPause: true
});
$('#js-news').ticker();
});
</script>

Answer 1

jQuery.noConflict

【第一种方法】

jQuery.noConflict();
jQuery(document).ready(function($) {
$('#slides').slides({preload: false});
});

// 其它使用 $ 的 JS
$('#ele').hide();

【第二种方法】

jQuery.noConflict();
(function($) {
$(function() {
$('#slides').slides({preload: false});
});
})(jQuery);

// 其它使用 $ 的 JS
$('#ele').hide();

【第三种方法】

jQuery.noConflict();
jQuery(document).ready(function() {
jQuery('#slides').slides({preload: false});
});

// 其它使用 $ 的 JS
$('#ele').hide();

【第四种方法】

var $j = jQuery.noConflict();
$j(document).ready(function() {
$j('#slides').slides({preload: false});
});

// 其它使用 $ 的 JS
$('#ele').hide();

追问

// 其它使用 $ 的 JS
$('#ele').hide();
这两句怎么使用？

追答

$('#ele').hide(); 这句只是个例子，因为你只给出了 jQuery 代码。你说有冲突应该是在其它地方有使用到 $ 这个别名。你除了 jQuey 还使用其它 JS 库了吗？例如 Prototype，MooTools，最好能把其它代码也贴出来。

下面的例子中引用了 jQuery 和 Prototype 库，两个 JS 库都使用 $ 作为别名

// 这里是 jQuery 代码，里面使用了 $，代表 jQuery
jQuery(document).ready(function($) {
// 你给出的代码
$('#slides').slides({preload: false});
});

// 这里是 Prototype 代码，也使用 $，但代表 Prototype
$('#ele').hide();

Answer 2

jQuery noConflict() 方法
noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。

当然，您仍然可以通过全名替代简写的方式来使用 jQuery：
$.noConflict();

jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在运行！");
});
});

Answer 3

如果按照 keneks 提供的方法还是不行的话。可以试试改为：
function running(){
//滚动Banner图片的显示
$('#slides').slides({
preload: false,
preloadImage: '/images/loading.gif',
effect: 'fade',
slideSpeed: 400,
fadeSpeed: 100,
play: 3000,
pause: 100,
hoverPause: true
});
$('#js-news').ticker();
};
running();

Answer 4

只需要引用jquery-1.11.0.js，你的jquery.js估计是低版本的jquery,其中有一些方法在高版本的jquery中已经被删除了，如live,toggle等