Jquery單擊事件以加載事件

我正在使用此代碼在點擊按鈕上觸發。如何在頁面加載時更改此項？Jquery單擊事件以加載事件

$(document).ready(function() { 
    $('#slideleft button').click(function() { 
    var $lefty = $(this).next(); 
    $lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() :  0}); 
    }); 
}

我的HTML

<div id="slideleft" class="slide"> 
<button>slide it</button> 
<div class="inner" style="left: -350px;">Animate this element's left style property</div> 
</div>

我希望在頁面加載不點擊按鈕滑動。

來源

2014-02-06 Sadia Mehjabin

直接把'animate'調用在'。就緒（）'函數，而不是在'click'功能。 – Barmar

代碼運行時文件是關於窗口負載

$(window).load(function() { 
    var $lefty = $('#slideleft button').next(); 
    $lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() :  0}); 
});

準備或寡婦負載

$(document).ready(function() { 
    var $lefty = $('#slideleft button').next(); 
    $lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() :  0}); 
}

速度

$lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() : 0}, 1000);

1000爲1000毫秒，你也可以在動畫完成後添加回調，更多詳細信息請參閱

來源

2014-02-06 18:27:14 Huangism

謝謝。是否有任何方法可以控制滑動速度？ –

請參閱http://api.jquery.com/animate/與添加數字一樣簡單 – Huangism

如果你想完全加載頁面，則效果開始你可以這樣做：在完成頁面加載後

$(window).load(function() { 

    var $lefty = $('#slideleft button').next(); 
    $lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() :  0}); 

});

這種效應開始。但是，如果你想啓動的效果實時您可以使用此：

$(document).ready(function() { 

    var $lefty = $('#slideleft button').next(); 
    $lefty.animate({left: parseInt($lefty.css('left'),10) == 0 ? -$lefty.outerWidth() :  0}); 

});

來源

2014-02-06 18:30:14

Jquery單擊事件以加載事件

回答

相關問題