javascript - 提交按钮不起作用。为什么？

Question

当函数在同一页面上定义时，提交按钮起作用。但当提交按钮的操作在单独的 JS 文件中定义时，它不起作用。

<form method="post">
    <div id="sjfb">
        <div id="form-fields">
            @using (Html.BeginForm("Index", "Home", FormMethod.Post))
             {
                @Html.DisplayFor(model => model.controls);
                @Html.DisplayFor(model => model.formEditor);
             }
        </div>
        <button type="submit" id="submit" class="submit">Save Form</button>
    </div>
</form>

// in separate .js File)
$("#sjfb submit").click(function () {
  alert('Submit button is working');
}

我什至尝试了以下方法:

 1. document.getElementID('submit').onClick(function(){*some code*}
 2. Giving a name to the function and calling it in onClick()
 3. $(#sjfb #submit).click(function(){...})
 4.$(#sjfb .submit).click(function(){...})

仍然无法工作。我找不到这有什么问题。

Answer 1

您缺少提交类事件处理程序上的点。

 $("#sjfb submit")

你应该有:

$("#sjfb .submit")