Событие JQuery click to on load

Question

Я использую этот код для запуска при нажатии кнопки. Как я могу изменить это при загрузке страницы?

$(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> 

Я хочу, чтобы скользить при загрузке страницы не нажав кнопку.

Answer 1

Выполнить код, когда документ будет готов или на вдове нагрузке

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

на оконной нагрузке

$(window).load(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 миллисекунд, вы можете также добавить обратный вызов для завершения анимации, для получения более подробной информации перейдите по ссылке

Answer 2

Если вы хотите, чтобы полностью загрузить страницу, то эффект запуска вы можете сделать это:

$(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}); 

});