Aide avec Mootools localiser le conflit dans mon code moche

Question

J'ai besoin d'aide pour localiser le conflit dans mon code, ci-dessous est mon code moche (je commence juste à écrire mon mootools et mon approche je pense est moche). le site peut être vu ici http://tinyurl.com/y9xvm6b. Je pense qu'il est en conflit avec ces lignes

<script type="text/javascript" src="/lotsforsaleroxascity/media/system/js/mootools.js"></script> 
    <script type="text/javascript" src="/lotsforsaleroxascity/media/system/js/caption.js"></script> 

dans mon code. que 2 lignes sont générées par mes cms et l'utilisent.

// Global Functions 

window.addEvent('domready',function(){ 


/* ------------------------------------------------------- Menu */ 

    var Logo = $('logo').getElements('a'), 
     LogoPos = Logo.getStyle('backgroundPosition'); 
    Logo.addEvents({ 
     mouseenter: function(){ 
      this.fade(1); 
     }, 
     mouseleave: function(){ 
      // Morphes back to the original style 
      this.fade(0); 
     }  
    });   


/* ------------------------------------------------------- Tabs */ 


     var tabs = new MGFX.Tabs('#foliobotnav .nav','.t1',{ 

      autoplay: true, 

      transitionDuration:500, 

      slideInterval:6000, 

      hover:true 

     }); 





    var pages = new noobSlide({ 

     box: $('mcontent_hold'), 

     items: $$('#mcontent_hold div'), 

     size: 950, 

     handles: $$('#logo a').extend($$('#topnav ul li.inpage a')), 

     onWalk: function(currentItem,currentHandle){ 

      <!--$('info4').set('html',currentItem.getFirst().innerHTML);--> 

      this.handles.removeClass('active'); 

      currentHandle.addClass('active'); 

     } 

    });  



/* ------------------------------------------------------- Websites */ 

    var dropWEB = $$('#web div.left div.imgwrap')[0]; 

    $$('#web .right .imgwrap').each(function(item) 

    { 

     item.addEvent('click', function(e) 

     { 

      e = new Event(e).stop(); 

      dropWEB.removeEvents(); 

      dropWEB.empty() 

      var a = item.clone(); 

      a.inject(dropWEB); 

      dropWEB.style.height = "400px"; 

     }); 



    }); 

/* ------------------------------------------------------- Websites End*/ 



/* ------------------------------------------------------- Identity */ 

    var dropID = $$('#artwork div.left div.imgwrap')[0]; 

    $$('#artwork .right .imgwrap').each(function(item) 

    { 

     item.addEvent('click', function(e) 

     { 

      e = new Event(e).stop(); 

      dropID.removeEvents(); 

      dropID.empty() 

      var a = item.clone(); 

      a.inject(dropID); 

      dropID.style.height = "400px"; 

     }); 



    }); 

/* ------------------------------------------------------- Identity End*/   



/* ------------------------------------------------------- Artworks */ 

    var dropART = $$('#identity div.left div.imgwrap')[0]; 

    $$('#identity .right .imgwrap').each(function(item) 

    { 

     item.addEvent('click', function(e) 

     { 

      e = new Event(e).stop(); 

      dropART.removeEvents(); 

      dropART.empty() 

      var a = item.clone(); 

      a.inject(dropART); 

      dropART.style.height = "400px"; 

     }); 



    }); 

/* ------------------------------------------------------- Artworks End*/ 


/* ------------------------------------------------------- Contact */ 

$("form").submit(function(){ 

// 'this' refers to the current submitted form 
var str = $(this).serialize(); 

    $.ajax({ 
    type: "POST", 
    url: "contact.php", 
    data: str, 
    success: function(msg){ 

$("#msg").ajaxComplete(function(event, request, settings){ 

if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form 
{ 
result = '<div class="notification_ok">Your message has been sent. Thank you!</div>'; 
$("#formwrap").hide(); 
} 
else 
{ 
result = msg; 
} 

$(this).html(result); 

}); 

} 

}); 

return false; 

}); 



/* ------------------------------------------------------- Contact */ 



}); 

Merci!

--- Edité ci-dessous

BTW, je rencontre des conflits est toute ma fonction personnalisée dans globals.js ne sont pas fonctionner. les boutons ne fonctionnent pas, le curseur ne fonctionne pas, et la visionneuse de vignettes.

Merci encore.

Answer 1

Je suis avec Richard sur ceci - j'utiliserais une version non compressée, emploierais firebug et chargerais dans un peu console.log() pour déterminer où le problème est.

Je vous recommande d'utiliser votre code par jslint.com - il montre quelques questions:

1. Ligne 52: Pour commenter JavaScript, utilisez // PAS
2. problème à la ligne 78 caractère 28: virgule manquant .
3. Problème à la ligne 112 caractère 27: Point-virgule manquant.
4. Problème à la ligne 146 caractère 28: Point-virgule manquant.

Corrigez ces erreurs, puis réessayez.

Answer 2

Vous téléchargez deux versions de mootools.js; ça ne peut pas être bon pour commencer. Vous avez .../media/system/js/mootools.js et .../templates/pennfolio/js/mootools.js.

Pendant le développement, il est probablement recommandé d'utiliser la version non compressée de mootools.js, de sorte que vous puissiez facilement contourner la source en cas de problème (D.prototype is undefined n'est pas un message d'erreur très utile). Ensuite, utilisez une version compressée en production.