[英]Convert jquery slide effect to mootools
当人们单击选项卡时,我有一个脚本可以从菜单后面向下滑动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的答案,或者如果它具有类似的更改,我将不胜感激,因为它将在某个时候进行更新。
这应该在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
这样行吗?
function toggleSlide(){
var theSlider = new Fx.Slide('slide');
$('theSlide').addEvent('click', function(e){
e = new Event(e);
theSlider.toggle();
e.stop();
});
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.