1

人々がタブをクリックすると、メニューの後ろから div を下にスライドさせるスクリプトがあります。ただし、それは jquery であり、mootools を使用したいと考えています (ここでは説明しない理由がたくさんあります)。ただし、現在mootools 1.1にこだわっています。しかし、何らかの理由で私の試みはうまくいきません:(

html

print("code sample");
   <div id="panel">
    <form action="">
           < form here > 
    </form>
</div>
<div class="slide">
  <p class="sl"><a href="#" class="btn-slide" id="toggle"><span></span></a></p>

Div id パネルは、下にスライドするフォームを保持し、div クラスはスライドし、P タグは、css を介してハングダウンするタブ/ボタンに置​​き換えられます。これをクリックすると、タブが下にスライドします。

jquery (正常に動作します)

print("code sample");
  <script type="text/javascript">
  $j(document).ready(function(){
$j(".btn-slide").click(function(){
    $j("#panel").slideToggle("slow");
    $j(this).toggleClass("active"); return false;
});

  });
  </script>

私のモーの試み

print("code sample");
 <script type="text/javascript">
window.addEvent('domready', function(){
 var mySlide = new Fx.Slide('panel');
    $('toggle').addEvent('click', function(e){
        e = new Event(e);
        mySlide.toggle();
        e.stop();
    });
});
 </script>

上で述べたように、現在は moo 1.1 に制限されていますが、1.1 と 1.2 の両方で機能する回答がある場合、または同様の変更がある場合は、いつか更新されるので、聞いていただければ幸いです。

4

2 に答える 2

1

これは1.11と1.2の両方で機能するはずです。

window.addEvent('domready', function() {
    var mySlide = new Fx.Slide('panel');
    $('toggle').addEvent('click', function(e) {
        e = new Event(e); // this isn't needed in 1.2
        e.stop();
        mySlide.toggle();
        this.toggleClass('active');
    });
});

ただし、MooTools 1.2以降では、Fx.Slideはコアに含まれていません。MooToolsMoreの一部としてダウンロードする必要があります。

実用的なデモ：http：//jsbin.com/ewasa

于 2009-06-27T14:24:57.167 に答える
0

これは機能しますか？

function toggleSlide(){
    var theSlider = new Fx.Slide('slide');
    $('theSlide').addEvent('click', function(e){
        e = new Event(e);
        theSlider.toggle();
        e.stop();
    });
}
于 2009-04-22T16:51:35.463 に答える