第二次点击时没有发生 Jquery 动画

Question

我创建了一个动画，它在单击时从右侧滑动一个 div。它有一个关闭按钮，可以将其恢复到原始位置。但是我无法重复那个动画。即，在第二次单击时动画不起作用。这是 jquery，我试过了..

    <script type="text/javascript">
$(document).ready(function() {

$elem1 = $('#myFirstElement');
$elem2 = $('#mySecondElement');
var scrollState = 'top';

$("#ongoing").toggle(function(){ 

    var scrollPos = $(window).scrollTop();

    if( ( scrollPos != 0 ) && ( scrollState === 'top' ) ) {
        $elem1.stop().animate({right: '+1px'}, 800);
             scrollState = 'scrolled';
    }       
    else if( ( scrollPos === 0 ) && ( scrollState === 'scrolled' ) ) {
         $elem1.stop().animate({right: '-=100%'}, 800);
        scrollState = 'top';
    }

});
});

</script>

请指教如何解决这个问题。

Answer 1

您需要使用点击事件处理程序而不是使用切换方法:

$("#ongoing").click(function(){
//             ^^ not toggle

当你有条件地改变 scrollState