0

JQuery を Mootools で動作させるのに問題があり、競合を解決するために見つけたほぼすべてのことを試しました。

ライブラリがリストされていないコードは次のとおりです。

    <script type="text/javascript">
    jQuery.noConflict();
    $(document).ready(function() {
        $('.slideshow').cycle({
            fx: 'fade' // choose your transition type, ex: fade, scrollUp,         shuffle, etc...
        });
    })(jQuery);


    <script type="text/javascript">

    (function($){
    window.addEvent('domready', function() {

      var status = {
        'true': 'HIDE',
        'false': ''
       };



      var myVerticalSlide = new Fx.Slide('vertical_slide').hide();



        $('v_toggle').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.toggle();
        });



      myVerticalSlide.addEvent('complete', function() {
       $('vertical_status').set('text', status[myVerticalSlide.open]);
          });

            });
            })(document.id);
4

2 に答える 2

1

mootools については何も知りませんが、どちらも $ 識別子を使用しています。$ をそれらのいずれかに再割り当てする必要があると思います。

<script type="text/javascript" charset="utf-8">
    var $j = jQuery.noConflict();
</script>

したがって、jQuery を使用する場合は、次のようにします。

$j('selector').show();

そして、Mootools に対して以前と同じ構文を使用します。

于 2012-09-20T17:00:54.523 に答える
1

$ の代わりに jQuery を使用する

jQuery('.slideShow')

$ は jQuery への参照であるため、交換可能です

于 2012-09-20T17:02:47.280 に答える