2009-10-04 6 views
0

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 lignesAide avec Mootools localiser le conflit dans mon code moche

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

Répondre

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.

+0

Merci Keif, j'ai trouvé le problème. J'utilise slide plugin de mootools, j'ai oublié que je l'ai fusionné avec le core mootools, donc quand j'enlève mes propres mootools, mon script ne fonctionne pas. (Man, je suis très en désordre avec mon code.) Merci pour jslint.com, c'est un excellent outil. Merci! – Pennf0lio

+0

Ne me remerciez pas, merci Douglas Crockford pour JSLint.com C'est un outil inestimable. – keif

0

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.

+0

Merci Richard, J'ai essayé de supprimer le (templates/pennfolio/js/mootools.js) Mais n'a pas résolu le conflit. Je sais que c'est faux de charger la même bibliothèque js avec une version différente. J'ai juste essayé de les mettre tous deux à des fins de débogage. Merci! – Pennf0lio

+0

Quand vous dites "conflit", quel message d'erreur voyez-vous? –

+0

'conflit' je veux dire problème. Ce que je veux dire c'est quand j'ai enlevé le (templates/pennfolio/js/mootools.js) cela ne fonctionne toujours pas correctement. Mais quand j'arrête mon cms en chargeant ces 2 lignes, Cela a fonctionné correctement. – Pennf0lio

Questions connexes