输入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准备就绪时运行。