2010-09-04 51 views
0

是有可能,如果“切换(‘滑’)==准备Jquery - 如何检查:if .toggle('slide')准备好了吗?

像检查,...

if(toggle silde != ready) 
{ 
    return false; 
} 
else 
{ 
    $('#div').toggle('slide', { direction: 'down' }, 450); 
} 
+0

你的意思是你想检查功能是否准备好供你使用? – aularon 2010-09-04 07:14:49

+0

对。我很难用英语解释我的问题。抱歉! – Peter 2010-09-04 07:23:38

回答

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); 
}); 
+0

Hi aularon, 这就是对的,但我想检查幻灯片的功能。 例如,我开始幻灯片,并比按下按钮检查幻灯片是否完成。 PS:谢谢你的快速回答! – Peter 2010-09-04 09:04:12

+0

我编辑了答案,现在检查它。 – aularon 2010-09-04 09:26:54

+0

非常感谢! – Peter 2010-09-04 09:45:35