gpt4 book ai didi

javascript - 如何结合其他 JS 框架运行 JQuery(此处为 : mootools)?

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:57:12 26 4
gpt4 key购买 nike

我想在一个页面上执行两个功能。第一个是一些 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,所以它可能对这里的人来说非常明显,在这种情况下,我提前为我的 newby 问题道歉!

最佳答案

由于您的评论似乎已满,我会把它放在这里

您将需要使用 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)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17995034/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com