Javascript事件在使用AJAX加载的部分视图上不起作用

我正在使用AJAX加载部分视图（CartHeader），并且Javascript事件不会在部分视图中触发。 我试图在

post

的success方法中注册事件，但它们似乎不起作用

\u layout.cshtml:

<nav class="navbar navbar-default navbar-fixed-top">

<div id="divCartHeader">

</div>
</nav>

<div class="CartHeader">


    <div class="CartButtons">
        <button type="button" id="emptyCart">Empty Cart</button>&nbsp;       
    </div>

</div>

 var Mod = Mod || {};
    Mod.Carts = function (e) {

     if (ddlselectedVal == "ViewCart") {

      var frmViewCartValiator = $("#frmViewCart").validate({
     var url = EnvironmentURL + "Reports/Stats/GetListingsInCart" ;

     $.post(url,
            function (data) {
                 var $emailForm = $("#frmPostToEmailReports");
                 $emailForm.find("#IsCart").val(true);                                         

                 var url = $("#applicationName").val() + "/Stats/GetCartHeader";
                 if (IsCart) {
                    // Show the partial view(CartHeader)
                    $.post(url,
                          function (data) { 
                            $("#divCartHeader").html(data);
                            $('#emptyCart').on('click', function (e) {
                            alert('You Cart Header events are firing');
                                 });
                              });
                            };  
                       });
                   });    
               }
            }

---

目前，您的代码依赖于第二次$.post-to-fire的IsCart返回true，并且在代码中的任何地方都没有定义IsCart。为了测试功能，您可以添加

var url = $("#applicationName").val() + "/Stats/GetCartHeader";
var IsCart = true;
if (IsCart) {
    ....
}

---

这将使您能够通过第二个$.post进行测试。但是，您需要回来定义您自己的功能和逻辑，以了解iCart的设置方式。

您的

控制台中是否有任何内容？