jQuery滑出效果問題

我試圖使用下面的函數來獲得一個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 -->

2012-06-19 Dz.slick

你s應該設置一個jsfiddle。編輯這一個，如果你需要：http://jsfiddle.net/4x8VC/ – sparebytes

你是否使用jQuery UI我認爲？ – jeschafe

...我很困惑。如果'＃teller'應該滑出去，那怎麼能成爲發起事件的人呢？你是代碼沒有隱藏'＃teller'的例子，但是如果你要「展示」它呢？ – sparebytes

而不是

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

使用slide

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

如果它已經可見，並且希望滑出，使用隱藏和滑動組合

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

2012-06-19 21:18:28 r0m4n

你可以使用規模向右成長吧：

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

2012-06-19 21:15:33

我認爲這種情況下，你只可能有一個錯字： 'slideOut'實際上並不是jQuery UI的效果類型，它只是「幻燈片」，然後像你一樣給它指引方向。滑動它可以.show()它像你，並使其滑出你可以使用.hide()

2012-06-19 21:17:21 jeschafe

回答