javascript - 按钮单击 Document.Ready() MVC 时出错

Question

我正在研究 ASP.NET MVC 代码如下。

<script type="text/javascript">
 $(document).ready(function () {       
        $("#btnBookServiceCouponSection").click();

});</script>

这是我的按钮代码。

 <input type="button" id="btnBookServiceCouponSection"  style="min-width: 150px;"
                        value="Book a Service" onclick="NoCouponServiceAppointment()" />

单击此按钮后，它会调用 NoCouponServiceAppointment，下面不会给出优惠券代码。

this.NoCouponServiceAppointment = function () {

    RedirectToURL("/Appointment/SelectServices");
}
this.RedirectToURL = function (url) {
    document.location = url;
}

当单击此按钮时，它会重定向到 Controller 操作方法，但在重定向之前会出现错误。此问题仅出现在 chrome 中。
当我单击按钮时，当我单击错误页面的“确定”时，发生上述错误，然后它工作正常。请指导我为什么会出现此错误警报框，我如何解决此问题，谢谢。

Answer 1

您可能在绑定(bind) click 处理程序之前触发 click 事件。您可以将处理程序绑定(bind)到单击事件，如下所示。

<script type="text/javascript">
   $(document).ready(function () {       
        $("#btnBookServiceCouponSection").click(function(){
           alert("clicked");
        });    
   });
</script>