喜欢......
if(toggle silde != ready)
{
return false;
}
else
{
$('#div').toggle('slide', { direction: 'down' }, 450);
}
答案 0 :(得分:1)
你应该做的是将你的代码包含在jquery的onload处理程序中,该处理程序仅在页面加载后执行,并且一切都可以开始编写脚本,如下所示:
$(window).load(function(){
$('#div').toggle('slide', { direction: 'down' }, 450);
});
这里告诉jquery在页面加载后执行你的行。
编辑:您需要为该函数提供回调,jquery会在效果完成后调用您的回调,请在此处查看:http://jsfiddle.net/Yn8He/
HTML:
<div id="info">loading..</div>
<input type="button" value="Toggle!" id="toggle" />
<div id="div" style="display: none">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
JavaScript的:
$(window).load(function(){
window.isDivTogglingNow=false;
$('#toggle').bind('click', function(){
$('#div').slideToggle(1000, function() {
window.isDivTogglingNow=false;
});
window.isDivTogglingNow=true;
})
setInterval(function() {
$('#info').text('Toggling: '+(window.isDivTogglingNow? 'Yes' : 'No'));
}, 50);
});