jquery - 如何将按钮的点击事件绑定(bind)到PartialView(MVC)中？

Question

我在asp.net MVC中制作了一个页面。在这个页面中存在一个View和一个PartialView。我将按钮放入partialview中，并将Countinue函数写入View中。

按钮:

    <button type="button" class="btn btn-warning center-block btn-large" id="Continue" onclick="Continue(this);">Continue</button>

js:

 var Continue=function (e) {
            e.preventDefault();
            if ($('#FieldsetCharterFlightsReturn article').size() < 1) {
                if (validateDeparturef(e)) {
                    $("#CharterFlightsForm").submit();
                }

            }
                        if ($('#FieldsetCharterFlightsReturn article').size() > 0) {
                if (validateDeparturef(e) && validateArrivalf(e)) {
                    $("#CharterFlightsForm").submit();
                }
            }
        };

现在当我点击按钮时出现此错误:

TypeError: Continue is not a function

将元素事件绑定(bind)到 PartialView 的正确方法是什么？

Answer 1

由于您正在使用 jquery使用它来绑定(bind)事件而不是丑陋的内联点击处理程序。

 $(function(){
    $('#Continue').on('click', Continue);
 })

或者，使用事件委托(delegate)

 $(document).on('click', '#Continue', Continue);

并删除内联onclick="Continue(event);" 处理程序