輸入val的jQuery對話框腳本

Question

我有一個jQuery對話框的問題和處理腳本的方式。

在對話框的html，我有

<input id="test"> 

如果我以後輸入做

<script type="text/javascript> 
    $('#test').val("haha") 
</script> 

，它顯示了。如果我在之前把它放在，它就不起作用。 現在的問題是我正在嘗試使用點擊觸發器來更改$（'＃test'）的值，而我不能！

$('.testbutton').click(function() { 
      alert();  
      $('#test').val("haha"); 
    }); 

警報工作，以及初始val替換工程，這意味着沒有任何重複或缺少輸入區域。

總腳本，因爲它現在是，不工作：

<input type="button" class="testbutton" /> 
<input type="text" size="10" id="test" name="test" value=""> 

$('#test').val("currentvalue"); // This works 
     $('.testbutton').click(function() { 
       alert();  
       $('#test').val("haha"); 
     }); 

更新 對話框顯示#TEST正確的值，一旦對話框關閉，然後重新打開。這可能是我錯過的東西嗎？

Answer 1

該問題最終成爲測試中的＃號。出於某種原因，替換使用類標識符而不是id標識符。我想這是因爲＃將只替換一個實例，並且出於某種原因，我還沒有發現，這個對話框有多個實例（或者一個隱藏實例）。

感謝您的所有建議！

Answer 2

把你的jQuery代碼放入$(document).ready(function() {...your code...})。這會在瀏覽器爲您的頁面創建DOM樹後執行。否則，javascript將無法正確搜索/操作DOM元素。它看起來如下：

$(document).ready(function() { 
    $('.testbutton').click(function() { 
      $('#test').val("haha"); 
    }); 
}); 

更新：

如果你的HTML代碼動態加載，然後用live到事件處理程序綁定：

$(document).ready(function() { 
    $('.testbutton').live("click", function() { 
      $('#test').val("haha"); 
    }); 
}); 

Answer 3

我想你應該換你$（function（）{// code here}）中的代碼）;確保您的代碼只在DOM準備就緒時運行。