Question

我有一个这样的表单，我试图让提交按钮显示警告，但它似乎没有做任何事情，我在控制台中没有错误。我有所有必需的jQuery包含，因为我在页面的另一部分有一个类似的表单，输入提交工作但这个表格似乎不是。

<div id="div_1" style="display:none;">
            <form id="form1">

               <fieldset style="border:0;">
                  <div>
                        <label for="name">Name</label>
                        <input id="name" name="name" placeholder="First name" required type="text">
                    </div>
                    <div>
                        <input id="submit-button" type="submit" value="Submit">
                    </div>

                </fieldset>
            </form>

            <div>
                <button id="close" type="submit" value="Close">
            </div>
        </div>

js

$("#submit-button").click(function(){
    alert("boo");
});

Answer 1

确保在元素位于doctree之后运行javascript。

使用此而不仅仅是你的js：

$(document).ready(function())
{
    $("#submit-button").click(function(){
        alert("boo");
    });
}

这确保加载DOM树，然后它将绑定click事件。如果你在一个JS文件中绑定click事件，它可以在元素在DOM树之前加载，使得jQuery选择器无法找到该元素（因此点击事件不会被激活，因为它是＆＃39; s没约束）。

提交按钮单击不激活

1 个答案: