質問

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

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

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

jquery.jsファイルを含めると、オートコンプリート機能が機能しません。しかし、jquery関数を実装するにはjquery.jsファイルも必要です。

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

役に立ちましたか?

解決

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を機能させるには、Prototypeを読み込む必要があります。提案として、 jQueryのオートコンプリートプラグインを使用している場合は、これらを使用することをお勧めします。オートコンプリートウィジェット用のライブラリ(または主に)。

他のヒント

jQueryとScriptaculousの両方を実行する最も簡単な方法は、次のとおりです。

var $j = jQuery.noConflict();

jQueryには $ ではなく $ j を使用します。

$ j( '#id')など。

scroll top