javascript – 如何结合其他JS框架运行JQuery(这里:mootools)?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何结合其他JS框架运行JQuery(这里:mootools)?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1768字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 如何结合其他JS框架运行JQuery(这里:mootools)?](/upload/InfoBanner/zyjiaocheng/762/c424e4a81bbc40619ad6b1a8996d86cd.jpg)
我有两个我想在页面上执行的功能.首先是一些jQuery在加载时在我的网站中慢慢消失.第二个是自动滚动div的一些javascript.我遇到的问题是让他们在同一页面上工作.另外他们工作正常.代码如下所示:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"</script>
<script type="text/javascript" src="mootools-core-1.3.1-full-nocompat.js"></script>
<script type="text/javascript" src="mootools-1.3.1.1-more.js"></script>
<script type="text/javascript" src="scrollGallery.js"></script>
<script type="text/javascript">
window.addEvent('domready', function() {
var scrollGalleryObj = new scrollGallery({
start:0,
autoScroll: true
});
});
</script>
<script>
$(document).ready(function(){
if (document.images){
$('#container').hide();
$(window).load(function(){
$.fx.speeds._default = 1000;
$("#container").delay(500).fadeIn(2000);
});
}
});
</script>
</head>
任何人对我做错了什么都有任何建议.我还在学习javascript,所以它可能会对这里的人们显而易见,在这种情况下,我提前为我的新问题道歉!
解决方法:
由于你的评论似乎已经填满了,我会把它放在这里
你需要使用jQuery.noConflict(),因为你在mootools和jquery中有2个冲突的javascript库
除此之外,正如IMSoP指出的那样,您只需要使用一个DOMReady事件,并将所有代码放入一个这样的包装器中(未经测试)
<script type="text/javascript">
window.addEvent('domready', function() {
var scrollGalleryObj = new scrollGallery({
start:0,
autoScroll: true
});
var j = jQuery.noConflict();
if (document.images){
j('#container').hide();
j(window).load(function(){
j.fx.speeds._default = 1000;
j("#container").delay(500).fadeIn(2000);
});
}
});
</script>
内容总结
以上是互联网集市为您收集整理的javascript – 如何结合其他JS框架运行JQuery(这里:mootools)?全部内容,希望文章能够帮你解决javascript – 如何结合其他JS框架运行JQuery(这里:mootools)?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。