Fatal编程技术网

Javascript 组合JS库

javascript

Javascript 组合JS库,javascript,Javascript,我使用了两种不同类型的JS库，但显然，使用这两种库时都有错误 我使用的两种工具是Mootools和jqueryui <!-- Agenda slider --> <script type="text/javascript" language="javascript" src="js/mootools-1.2.1-core.js"></script> <script type="text/javascript" language="javascript"

我使用了两种不同类型的JS库，但显然，使用这两种库时都有错误

我使用的两种工具是
Mootools
和
jqueryui

<!-- 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>
议程滑块再次工作，但日期选择器拒绝工作

如何组合这两个脚本并最终得到两个基于javascript的工作元素

编辑
.php
文件中只包含这三个小片段

 <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>


$（文档）.ready（函数（）{
$.featureList(
元("a),，
美元（“#产出li”）{
启动项目：1
}
);
//另类
$（“#选项卡a”）。功能列表({
输出：“#输出li”，
启动项目：1
});
});
$（函数（）{
$（“#日期选择器”）.datepicker（）；
});
var_lofmain=$（'lofslidecontent45'）；
var _lofscmain=_lofmain.getElement（'.lof main wapper'）；
var _lofnavigator=_lofmain.getElement（'.lof navigator outer.lof navigator'）；
var object=新的LofFlashContent（_lofscmain，
_lofnavigator，
_lofmain.getElement（'.lof navigator outer'），
{fxObject:{transition:Fx.Transitions.Quad.easeInOut，持续时间：800}，
间隔时间：3000，
方向：'hrleft'}）；
object.start（true，_lofmain.getElement（'.preload'）；
下面解释如何结合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>


var$j=jQuery.noConflict（）；
//通过$j（…）使用jQuery
$j（文档）.ready（函数（）{
$j（“div”）.hide（）；
});
//将原型与$（…）等一起使用。
$（'someid'）.hide（）；
因此，对于您的特定情况，请尝试：

<!-- 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>


var$j=jQuery.noConflict（）；
然后，当您尝试使用jQuery而不是MooTools时，不要忘记将所有引用从
$
更改为
$j
。

复制？好的，事情又开始了：）您忘记复制
核心
JS文件。但是
$j
技巧成功了：）谢谢！！ 
<!-- 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>