-1

私はjQueryv1.6.4http ://code.jquery.com/jquery-1.6.4.js とプロトタイプを使用しています。

jQuery Tabsウィジェットを使用しようとしていますが、プロトタイプと競合します。その結果、入力のアップロードボタンが機能しません。

これを解決しようとしましたが、機能しないようです。

<script type="text/javascript">
  jQuery.noConflict();
  _ccsjQ(function() {
    _ccsjQ( "#tabs" ).tabs();
  });
</script>

面白いことに、F5キーを押すとアップロードボタンが機能し、更新しても機能しません。

4

2 に答える 2

4

簡単な方法（IMHO）は、呼び出しjQuery.noConflict()てから任意のjQueryコードを無名関数でラップするだけです。

jQuery.noConflict();
(function($){
  // use your standard $(...) in here
})(jQuery);

または、使用しない場合は、jQueryに新しいエイリアスを割り当てる必要がありますjQuery(...)（たとえばvar jq = jQuery.noConflict();、を使用しますjq(...)）。

両方が使用されている例：

    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/prototype/1.7.1.0/prototype.js"></script>
    <script type="text/javascript">
        var _cssjQ = jQuery.noConflict();
        _cssjQ('.foo').css('color','#f0f');
        (function($){
            $('.bar').css('color','#f0f');
        })(jQuery);
    </script>

そしてフィドル： http： //jsfiddle.net/kbWah/1/

于 2013-02-18T22:03:40.630 に答える
0

1）最初にJqueryを定義する

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2）Jqueryの後、プロトタイプの前にスクリプトを追加します

<script>
  var pjquery = jQuery.noConflict();//pjquery will represent jquery framework now on-wards
</script>

3）ここでprototype.jsを定義します

<script type = "text/javascript" src = "js/prototype.js" ></script>

これで、jqueryを呼び出す場合は、またはpjqueryの代わりに使用します。$Jquery

于 2014-09-08T13:56:59.963 に答える