2012-04-12 1 views
1

Ich versuche eine Seite zu erstellen, die einen Bildlauf mit Bildern und ein Voting-System hat (das ich von hier kopiert habe: http://yensdesign.com/2008/09/how-to-create-a-stunning-and-smooth-popup-using-jquery/).Wenn ich eine jQuery-Bibliothek hinzufüge, wird meine andere jQuery auf derselben Seite ungültig

Der Scroller funktionierte gut, bis ich das Voting Pop-up hinzugefügt habe. Im Wesentlichen, wenn ich die Bibliothek

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"> 

benötigt für die Pop-up-Arbeit hinzufügen, verschwinden die scroller Bilder und die Seite scheint Last wieder, wenn ich die Scroll-Pfeile treffen. Wenn ich die obige Bibliothek auskommentiere, erscheint der Scroller wieder (aber das Popup-Fenster funktioniert nicht). Hier sind die Verzeichnisse für die anderen Dateien.

  • public/scripts/general0.js - init für scroller
  • public/script/woo-jcar.js - Stellrad Funktion
  • public/scripts/popup.js“- Pop-up javascript

Bitte um Hilfe! ich bin ein Newby so könnte dies nur eine dumme Sache, wie das Hinzufügen zu widersprüchlichen Bibliotheken oder so etwas.

Danke,

+3

das ist eine Art alte jquery Version, nicht wahr? Fügen Sie gerade 2 verschiedene jquery-Bibliotheken hinzu? – Nanne

+0

+1 für die Aufnahme eines Links zu der aktuellen Website, an der Sie gerade arbeiten ... das muss hier öfter vorkommen. : P – qJake

+1

@SpikeX, stimme ich nicht zu; Ich finde es schwierig, Links zu einer anderen Website zu vertrauen, wenn sie sich in einer Entwicklungsphase befinden. Sie könnten kompromittiert werden oder einfach unten sein. Darüber hinaus können alle während der Beantwortung der Frage vorgenommenen Änderungen zu Mehrdeutigkeiten führen. Ich würde lieber eine gebrandmarkte Version des Problems in [jsfiddle] (http://jsfiddle.net) sehen, damit alle auf Augenhöhe sind. – zzzzBov

Antwort

1

jQuery existiert bereits auf Ihrer Seite (Version 1.7.1) auf dieser Zeile Ihres HTML-Markup:

<script type="text/javascript" src="public/scripts/jquery00.js"></script> 

diese Zeile entfernen, und Sie sollten in Ordnung sein:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script> 
+0

Wenn ich entferne: -> dann erscheint das Pop-up nicht, wenn ich "Vote" drücke. – Danconia

+0

Dann ist das Popup nicht mit neueren Versionen von jQuery kompatibel. Ich schlage vor, Sie finden ein weiteres "Popup" - hier ist ein Tipp: Sie heißen ** [Lightboxes] (http://google.com/search?q=lightbox+jquery) **. – qJake

0

Wie von Rocket erwähnt, verwenden noConflict $ zurück auf 1.7.2 und Referenz jQuery 1.2.6 mit $ jq126 zu drehen:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $jq126 = $.noConflict(true); 
    // $ (and jQuery) is jQuery 1.7.2 
    // $jq126 is jQuery 1.2.6 
</script> 

Wenn das nicht genug ist wahrscheinlich die Pop-up-Bibliothek hängt streng von den jQuery 1.2.6. So öffnen Sie das Pop-up-libray js Datei und wickeln Sie den gesamten Code in der Brache Weise:

(function($, jQuery){ 
    // all the lib code 
})($jq126, $jq126); 

Auf diese Weise die alte lib die alte Version von jQuery verweisen weiter.

Verwandte Themen