2012-07-05 209 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); 
});