У меня есть сайт с огромной частью функций 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/

АОЛ попробовать этот

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 будет очень трудно я мог сделать правку вместо mootools? и как? и где до – Basel

Спасибо, что $ -> jQuery global заменил только исправленную проблему перетаскивания символов в моей игре, и теперь я могу сказать, что я поддерживаю 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

снова проверьте мой ответ на обновление. Кстати, вам нужна эта линия? ...

Как включить файлы mootools js?

ответ

Пример

Попробуйте использовать это, ваши коды

Смежные вопросы