gpt4 book ai didi

javascript - 组合 JS 库

转载 作者:行者123 更新时间:2023-12-02 20:09:22 25 4
gpt4 key购买 nike

我使用了两种不同类型的 JS 库,但显然,使用这两种库时都会出现错误。

我使用的两个东西是 MootoolsJQuery UI

<!-- Agenda slider -->
<script type="text/javascript" language="javascript" src="js/mootools-1.2.1-core.js"></script>
<script type="text/javascript" language="javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" language="javascript" src="js/lofslidernews.mt12.js"></script>
<!-- Datepicker -->
<script type="text/javascript" language="javascript" src="js/jquery-1.6.2.js"></script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.datepicker.js"></script>

当我使用此代码片段时,议程 slider 无法工作。但是,当我删除这一行

<script type="text/javascript" language="javascript" src="js/jquery-1.6.2.js"></script>  

议程 slider 再次工作,但日期选择器拒绝工作...

如何组合两个脚本并最终得到两个可用的基于 javascript 的元素?

编辑
.php 文件中包含的唯一 JS 是这三个小片段

 <script language="javascript">
$(document).ready(function() {
$.featureList(
$("#tabs li a"),
$("#output li"), {
start_item : 1
}
);

// Alternative
$('#tabs li a').featureList({
output : '#output li',
start_item : 1
});
});
</script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<script type="text/javascript">
var _lofmain = $('lofslidecontent45');
var _lofscmain = _lofmain.getElement('.lof-main-wapper');
var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
var object = new LofFlashContent( _lofscmain,
_lofnavigator,
_lofmain.getElement('.lof-navigator-outer'),
{ fxObject:{ transition:Fx.Transitions.Quad.easeInOut, duration:800},
interval:3000,
direction :'hrleft' } );
object.start( true, _lofmain.getElement('.preload') );
</script>

最佳答案

这是some jQuery documentation解释如何将其他库与 jQuery 结合使用。

来自文档:

 <html>
<head>
<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
var $j = jQuery.noConflict();

// Use jQuery via $j(...)
$j(document).ready(function(){
$j("div").hide();
});

// Use Prototype with $(...), etc.
$('someid').hide();
</script>
</head>
<body></body>
</html>

因此,对于您的特定情况,请尝试:

<!-- Agenda slider -->
<script type="text/javascript" language="javascript" src="js/mootools-1.2.1-core.js"></script>
<script type="text/javascript" language="javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" language="javascript" src="js/lofslidernews.mt12.js"></script>
<!-- Datepicker -->
<script type="text/javascript" language="javascript" src="js/jquery-1.6.2.js"></script>
<script>
var $j = jQuery.noConflict();
</script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" language="javascript" src="js/ui/jquery.ui.datepicker.js"></script>

然后,当您尝试使用 jQuery 而不是 MooTools 时,请不要忘记将所有引用从 $ 更改为 $j

关于javascript - 组合 JS 库,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7121927/

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