javascript - 用于输入 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

将您的 jQuery 代码放入 $(document).ready(function () {...您的代码...})。这将使其在浏览器为您的页面创建 DOM 树之后执行。否则 javascript 无法正确搜索/操作 DOM 元素。它将如下所示:

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

更新:

如果您的 HTML 代码是动态加载的，则使用 live绑定(bind)事件处理程序:

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