我有一个包含js函数的大部分的网站，我想添加一个来自mootools的登录表单。我添加的形式和它的作品，但其他部位所需的文件，是阻止我知道这是JavaScript的冲突，这是我的头文件：如何包含mootools js文件？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html lang="tr" > 
<head> 
    <meta http-equiv="content-type" content="text/xml; charset=utf-8" /> 
    <!--Site CSS--> 
    <link href="include-css/SCOREMIX.css" rel="stylesheet" type="text/css" /> 
    <!-- Latest Jquery Lib--> 
    <script type="text/javascript" src="include-js/jquery-1.8.3.js"></script> 
    <!-- Mootools - the core --> 
    <script type="text/javascript" src="include-js/mootools12.js"></script> 
    <!-- MooSlide (show/hide login form) --> 
    <script type="text/javascript" src="include-js/mooSlide2-moo12.js"></script> 
    <!--News scroller--> 
    <script type="text/javascript" src="include-js/jscroller-0.4.js"></script> 

    <!--timer for ticking at live games and to update information each minute--> 
    <script type="text/javascript" src="include-js/jquery_timer.js" ></script> 
    <!-- MY JS FILES--> 
    <script type="text/javascript" src="include-js/functions.js"></script> 
    <script type="text/javascript" src="include-js/script.js" ></script> 


    <script language="javascript" type="text/ecmascript"> 
    window.addEvent('domready',function(){ 
     var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500, toggler:'login', content:'loginPanel', close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'}); 
     //optional: AutoStart the slider on page load: 
     //MyLogin.run(); 
     $('close').addEvent('click', function(e){ 
      e = new Event(e); 
      myLogin.clearit(); 
      e.stop(); 
     }); 
    }); 
    </script> 

</head>

的脚本是MooTools的和所需要的文件加以注释。

Uncaught TypeError: Object #<HTMLDocument> has no method 'ready'

和：当我运行的网站我得到这个错误

Uncaught TypeError: Object function (B,C){if(B&&B.$family&&B.uid){return B;}var A=$type(B);return($[A])?$[A](B,C,this.document):null;} has no method 'ajax'

不要任何人可以帮助我知道我是否应该改变JS文件的顺序，或者是有什么我可以做什么来阻止冲突？

P.S：当我改变标题中mootools文件的位置时，我得到不同的消息。

来源

2013-06-29 Basel

与jQuery 例如更换$，而是采用

$("div p").hide()使用jQuery("div p").hide();代替

http://api.jquery.com/jQuery.noConflict/

ASLO试试这个

var j = jQuery.noConflict(); 
    // Do something with jQuery 
    j("div p").hide(); 
    // Do something with another library's $() 
    $("content").style.display = 'none';

来源

2013-06-29 06:49:04 luisZavaleta

抱歉，但它没有工作 – Basel

我的jQuery的一个巨大的文件和editation会很辛苦，我可以做编辑到摩托车呢？如何？并在哪里 – Basel

谢谢$ - > jQuery全局替换只是修复了我在游戏中的字符拖动问题，这意味着我现在可以说我支持Firefox！ ;） – TilleyTech

尝试更换为了您的mootool js和jQuery脚本并再次检查？

例

<script type="text/javascript" src="jquery-1.3.js"></script> 
    <script type="text/javascript"> 
     //no conflict jquery 
     jQuery.noConflict(); 
     //jquery stuff 
     (function($) { 
      $('p').css('color','#ff0000'); 
     })(jQuery); 
    </script> 
    <script type="text/javascript" src="moo1.2.js"></script> 
    <script type="text/javascript"> 
     //moo stuff 
     window.addEvent('domready',function() { 
      $$('p').setStyle('border','1px solid #fc0'); 
     }); 
    </script>

尝试使用这个，你的代码

<!--Site CSS--> 
    <link href="include-css/SCOREMIX.css" rel="stylesheet" type="text/css" /> 

    <!--///// MOOTOOLS /////--> 
    <!-- Mootools - the core --> 
    <script type="text/javascript" src="include-js/mootools12.js"></script> 
    <!-- MooSlide (show/hide login form) --> 
    <script type="text/javascript" src="include-js/mooSlide2-moo12.js"></script>  
    <script type="text/javascript"> 
     window.addEvent('domready',function(){ 
      var myLogin = new mooSlide2({ slideSpeed: 1500, fadeSpeed: 500, toggler:'login', content:'loginPanel', close: false, effects:Fx.Transitions.Bounce.easeOut , from:'top'}); 
      //optional: AutoStart the slider on page load: 
      //MyLogin.run(); 
      $('close').addEvent('click', function(e){ 
       e = new Event(e); 
       myLogin.clearit(); 
       e.stop(); 
      }); 
     }); 
    </script> 

    <!--///// JQUERY /////--> 
    <!-- Latest Jquery Lib--> 
    <script type="text/javascript" src="include-js/jquery-1.8.3.js"></script> 
    <!--News scroller--> 
    <script type="text/javascript" src="include-js/jscroller-0.4.js"></script> 
    <!--timer for ticking at live games and to update information each minute--> 
    <script type="text/javascript" src="include-js/jquery_timer.js" ></script> 
    <!-- MY JS FILES--> 
    <script type="text/javascript" src="include-js/functions.js"></script> 
    <script type="text/javascript" src="include-js/script.js" ></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      // jquery scripts        
     }); 
    </script>

来源

2013-06-29 08:59:09 yeyene

但我的JavaScript函数是分开的，并且有很多函数（functions.js）和其他文件（script.js），它们在document.ready之后有脚本。如何将它们包含在我的头文件中，以及如何使用匿名函数 – Basel

再次检查我的更新答案。顺便说一句，你需要这条线吗？ ...

11. 在HTML中包含MooTools

12. 如何在js文件中包含qml文件

13. 如何包含JavaScript（.js文件）文件2007

14. 如何包含文件夹中的所有.js文件？

15. 可以.js文件“包含”另一个.js文件

16. 在另一个JS文件中包含JS文件

17. 如何在.js中包含.js？

18. 如何只包含js文件如果使用

19. 如何包含头文件

20. 如何“包含”文件？

21. jquery - 如何包含文件？

22. 构建层不包含dojo/**/*。js文件

23. 在cache.manifest中包含多个js文件？

24. 在xhtml中包含外部JS文件

25. 缩小包含路由的js文件

26. 使用jQuery包含JS文件

27. 包含JS文件的替代方法

28. codeigniter包含css或js文件

29. 在JQuery Mobile中包含JS文件

30. 包含PHP文件的JS，Css

如何包含mootools js文件？

回答

例

尝试使用这个，你的代码

相关问题