Question

我有一个脚本，当人们点击选项卡时，会从菜单后面向下滑动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>

我的moo尝试

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的答案，或者如果它有类似的改变，我将不胜感激，因为它会在某些情况下更新点。

2 个答案:

答案 0 :(得分：1)

答案 1 :(得分：0)

Answer 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不包含在核心中 - 您必须将其作为MooTools More的一部分下载。

工作演示：http://jsbin.com/ewasa

Answer 2

这会有用吗？

function toggleSlide(){
    var theSlider = new Fx.Slide('slide');
    $('theSlide').addEvent('click', function(e){
        e = new Event(e);
        theSlider.toggle();
        e.stop();
    });
}

将jquery幻灯片效果转换为mootools

2 个答案: