2009-08-04 6 views
10

Gibt es eine Möglichkeit, die jquery und scriptaculous js Dateien zusammen zu verwenden?Verwenden Sie beide Dateien jquery.js und scriptaculous.js?

Ich habe versucht, die Autocomplete-Funktion des CakePHP-Frameworks zu implementieren, das die js-Dateien prototype.js, scriptaculous.js, effects.js und controls.js benötigte.

Ich benutze auch JQuery-Funktionen in meiner Anwendung, die die jquery.js-Datei benötigt.

Die Funktion zum automatischen Vervollständigen funktioniert nicht, wenn ich die Datei jquery.js einschließe. Aber ich benötige auch die jquery.js Dateien, um meine jquery Funktionen zu implementieren.

Gibt es also eine Methode, beide js-Dateien zu verwenden?

+3

Haben Sie diesen Link gesehen ?: http://docs.jquery.com/Using_jQuery_with_Other_Libraries – Zed

Antwort

22

Sie müssten nicht-Konflikt-Modus in jQuery ermöglichen, finden Sie unter:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Aus dem obigen Link:

<html> 
<head> 
    <script src="prototype.js"></script> 
    <script src="jquery.js"></script> 
    <script> 
    jQuery.noConflict(); 

    // Use jQuery via jQuery(...) 
    jQuery(document).ready(function(){ 
     jQuery("div").hide(); 
    }); 

    // Use Prototype with $(...), etc. 
    $('someid').hide(); 
    </script> 
</head> 
<body></body> 
</html> 

Sie werden jedoch nach wie vor Prototyp für Scriptaculous laden müssen arbeiten. Als Vorschlag möchten Sie vielleicht jQuery's autocomplete plugin ausprobieren, wenn Sie diese anderen Bibliotheken nur (oder hauptsächlich) für ein Autocompleter-Widget verwenden.

+0

Vielen Dank. Es funktioniert absolut gut .. :) – Angeline

1

Der einfachste Weg, sowohl die jQuery und Scriptaculous zu tun ist, zu tun:

var $j = jQuery.noConflict(); 

und verwenden $ j statt für jQuery $.

$j('#id'), zum Beispiel.

Verwandte Themen