2009-08-04 9 views
10

jqueryとscriptaculous jsファイルを一緒に使用する方法はありますか?jquery.jsファイルとscriptaculous.jsファイルの両方を使用しますか?

jsファイル、prototype.js、scriptaculous.js、effects.js、およびcontrols.jsを必要とするcakephpフレームワークのオートコンプリート機能を実装しようとしていました。

jquery.jsファイルが必要なアプリケーションでもJQuery関数を使用します。

jquery.jsファイルをインクルードすると自動補完機能が動作しません。しかし、jquery.jsファイルにもjquery関数を実装する必要があります。

両方のjsファイルを使用する方法はありますか?

+3

このリンクをご覧でしたか?:http://docs.jquery.com/Using_jQuery_with_Other_Libraries – Zed

答えて

22

あなたが見る、jQueryのでノー競合モードを有効にする必要があります:

http://docs.jquery.com/Using_jQuery_with_Other_Libraries

上記のリンクから:

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

しかし、あなたはまだScriptaculousのためにプロトタイプをロードする必要があります。働くあなたがオートコンプリートウィジェット用に(あるいは主に)それらの他のライブラリを使用しているのであれば、提案として、jQuery's autocomplete pluginを試してみてください。

var $j = jQuery.noConflict(); 

$ jのの代わりに、jQueryのための$を使用します。

+0

ありがとうございます。それは絶対にうまく動作します.. :) – Angeline

1

jQueryとScriptaculousの両方を行う最も簡単な方法は、実行することです。例えば、

$j('#id')などである。

関連する問題