下面这段代码 让同页面的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(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();
noConflict() 方法会释放会 $ 标识符的控制,这样其他脚本就可以使用它了。
当然,您仍然可以通过全名替代简写的方式来使用 jQuery:
$.noConflict();
jQuery(document).ready(function(){
jQuery("button").click(function(){
jQuery("p").text("jQuery 仍在运行!");
});
});
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();