• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Mootool - Jquery Konflikt, bitte um Hilfe

Ripperz

New member
Moin zusammen,
ich habe ein kleines Problem mit Mootools und JQuery. Und zwar habe ich 4 Scripte, 3 laufen über Jquery und 1 über Mootools. Nur leider führt 1 jquery Script zum konflikt.

Und zwar erhalte ich im firebug diese Meldung:

PHP:
TypeError: $(...).ready is not a function
$(document).ready(function() {



Es geht um dieses Script Scroll-Down FadeIn/SlideIn Div oder Banner:

Und um diesen code der zu broblemen führt

Code:
<script type="text/javascript">
	//plugin
	jQuery.fn.topLink = function(settings) {
	  settings = jQuery.extend({
		min: 1,
		fadeSpeed: 200
	  }, settings);
	  return this.each(function() {
		//listen for scroll
		var el = $(this);
		el.hide(); //in case the user forgot
		$(window).scroll(function() {
		  if($(window).scrollTop() >= settings.min)
		  {
			el.fadeIn(settings.fadeSpeed);
		  }
		  else
		  {
			el.fadeOut(settings.fadeSpeed);
		  }
		});
	  });
	};

	//usage w/ smoothscroll
    $(document).ready(function() {
	  //set the link
	  $('#top-link').topLink({
		//min: Anzahl Download Pixel einstellen, ab denen das Div eingeblendet wird. fadeSpeed: Geschwindigkeit des FadeIn
		min: 20,
		fadeSpeed: 500
	  });
	  //smoothscroll
	  $('#top-link').click(function(e) {
		e.preventDefault();
		$.scrollTo(0,300);
	  });
	});
  </script>


Meine Frage, wie kann ich den Konflikt umgehen bzw. kann man den umschreiben, wenn ja wie?
 
jQuery.noConflict()

Code:
jQuery.noConflict();

(function($){

... jQuery specific code ...

})(jQuery);


(function($){

... Mootools specific code ...

})(document.id);
 
Generell ist es aber keine besonders gute Idee, mehrere JS-Frameworks, die mehr oder weniger das Gleiche machen, gleichzeitig zu verwenden. Kannst du das Mootools Skript nicht durch eines ersetzen, dass mit jQuery läuft?
 
Zurück
Oben