2012-07-05 163 views
1

我有一个小问题,我试图在验证发生时显示块时向上滚动到第一个范围。jquery动画问题

我已经尝试了下面的代码,以便一旦用户尝试提交,如果跨度显示类'所需'页面应该向上滚动。

HTML:

<span id="_userExists" runat="server" visible="false" class="invalid"> 

这是标记和验证发生后应用所需的类。我不确定这是如何影响jquery动画的,因为它运行的是服务器端,并且在验证错误时显示。

的Jquery:

$("input[type=submit]").live('click', function(){ 
console.log('clicked'); 
$('html, body').animate({ 
    scrollTop: $('.required').first().offset().top 
}, 600); 
}); 

我有错误消息后尝试同样的脚本中内嵌显示,但滚动根本不会发生。如果我选择另一个元素,例如h2,那么页面会滚动。这种滚动到第一个错误需要发生在页面加载以及客户端验证的提交按钮。

感谢所有帮助

+0

你能否提供一些HTML标记或放在jsfiddle.net这个问题,所以我们都可以测试它? – Huangism 2012-07-05 14:55:04

回答

0

如果乌拉圭回合所有的跨度得到所需的类,用此来达到第一个

$("input[type=submit]").live('click', function(){ 
console.log('clicked'); 
$('html, body').animate({ 
    scrollTop: $('.required:first').offset().top//<--here 
}, 600); 
});