2012-06-19 43 views
2

我试图使用下面的函数来获得一个DIV从左向右滑动时点击,但它甚至没有移动。任何想法可能是什么问题。jQuery滑出效果问题

功能

<script type="text/javascript"> 

$("#teller").click(function() { 
     $(this).show("slide", { direction: "right" }, 1000); 
}); 
</script> 

DIV问题

<div id="teller"> 
<a href="#"><img src="images/teller.png" width="44" height="329" alt="Tell a freind button" /> 
</a> 
</div><!-- End Teller --> 
+0

你s应该设置一个jsfiddle。编辑这一个,如果你需要:http://jsfiddle.net/4x8VC/ – sparebytes

+0

你是否使用jQuery UI我认为? – jeschafe

+0

...我很困惑。如果'#teller'应该滑出去,那怎么能成为发起事件的人呢?你是代码没有隐藏'#teller'的例子,但是如果你要“展示”它呢? – sparebytes

回答

2

而不是

$(this).show("slideOut", { direction: "right" }, 1000); 

使用slide

$(this).show("slide", { direction: "right" }, 1000); 

如果它已经可见,并且希望滑出,使用隐藏和滑动组合

$(this).hide("slide", { direction: "right" }, 1000); 
2

你可以使用规模向右成长吧:

$(this).effect("scale", { percent: 400, direction: 'horizontal' }, 1000); 
0

我认为这种情况下,你只可能有一个错字: 'slideOut'实际上并不是jQuery UI的效果类型,它只是“幻灯片”,然后像你一样给它指引方向。滑动它可以.show()它像你,并使其滑出你可以使用.hide()