0

mootools からログインフォームを追加したい js 関数の大部分を含む Web サイトがあります。フォームとそれが機能する必要なファイルを追加しましたが、他のサイトが停止しています。JavaScriptの競合であることはわかっています。これは私のヘッダーファイルです。

<!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ファイルの順序を変更する必要があるかどうか、または競合を止めるためにできることはありますか?

PS: ヘッダー内の mootools ファイルの場所を変更すると、別のメッセージが表示されます。

4

2 に答える 2

1

たとえば$、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-29T06:49:04.223 に答える