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>

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();

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-03-28
jQuery noConflict() 方法
noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。

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

jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在运行!");
});
});
第2个回答  2013-03-28
如果按照 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();
第3个回答  2018-08-01
只需要引用jquery-1.11.0.js,你的jquery.js估计是低版本的jquery,其中有一些方法在高版本的jquery中已经被删除了,如live,toggle等

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网