2012-02-17 84 views
2

我有一個文件準備塊如下:如何剛剛出現的一個元素上使用jQuery將焦點設置

$(document).ready(function() { 
     $('#addTagLink').click(function() { 
      $('#addTagField').show(); 
      $('#addTagField').val(""); 
      $('#addTagField').focus(); 
     }); 
    } 

addTagField是一個普通的文字輸入有顯示:沒有通過CSS頁面加載設置。

當用戶點擊的輸入域被正確示出,但如預期的焦點不被設置到外地addTagLink元件上。

我認爲它必須與顯示器:none/show()功能有關,因此將$('#addTagField').focus();更改爲另一個完美工作的字段$('#name').focus();

任何人都可以提出首先爲什麼我看到這個問題,其次,如何解決呢?

+1

它工作得很好,在這個[小提琴](http://jsfiddle.net/KN6rs/) - 點擊顯示文字顯示輸入和焦點設置到它。 – 2012-02-17 12:09:41

+0

謝謝Christofer - 我發現了這個問題,錯誤的ID中出現錯誤! :/ – DaFoot 2012-02-17 12:11:55

+0

你可以嘗試這個$('input:text:first')。focus(); – Jigs 2012-02-17 12:17:11

回答

6

原來這是用我的元素ID的一個問題。哎呀。

相關問題