如何在单独的.js文件中重写javascript函数(在.cshtml文件中编写)

Question

这是我在.cshtml文件中的函数，我想在我的新.js文件中覆盖此函数，以便执行我在此函数中的.js文件中编写的任何代码，而不是.cshtml文件中写入的代码。

$("#assoc-search-popup").kendoButton({
  enable: true,
  click: function(e) {
    $.ajax({
      cache: false,
      type: "POST",
      url: "/Search/AssocLookup",
      data: {
        "lookupEntityName": lookupEntityName
      },
      success: function(data) {
        var lookup_popup = $("#lookup_popup_content");
        lookup_popup.html("");
        lookup_popup.html(data);

        $('.searchbar-toggle').click(function(e) {
          toggleFilterPane();
          if ($("#divButtons").hasClass("search-popup-btn_expand")) {
            $("#divButtons").removeClass("search-popup-btn_expand");
            $("#divButtons").addClass("search-popup-btm_collapse");
          } else if ($("#divButtons").hasClass("search-popup-btm_collapse")) {
            $("#divButtons").removeClass("search-popup-btm_collapse");
            $("#divButtons").addClass("search-popup-btn_expand");
          }
        });

        $("#btnSelectItem").attr("search-lookup-type", "inheritance");

        ifPopup("lookup_popup");
      }
    });
  });
});

<a id="assoc-search-popup1" style="display: inline-block;" 
href="javascript:void(0)" class="associate-and-inherit-link" 
data-associatedentityname="Logistics" 
data-associatedentityid="1E74AF39-6B99-4685-9C3F-5F47DB47A410" 
data-associationname="Logistics"
data- associatedmultiplicity="Many" 
data-inheritancepriority="2" 
data-associatedentitydisplayname="Logistics" 
data-hasviewpermission="true" 
data-metadata_display_name="Logistics" 
data-metadata_display_name_plaintext="Logistics" 
data-islookup="true"
data_lookupentityname="Logistics">
  <span>Logistics</span>
  <span class="inherit_details_add" style="float: right !important;"></span>
</a>

Answer 1

最快的方法是在load之后和其他脚本之后执行此操作：

注意，在本例中，$clone.on()代码将是$clone.kendoButton()

​

$(function() { // after page load
  let $link = $("#assoc-search-popup1");
  let $clone = $link.clone(false, false); // without event handlers
  $clone.on("click", function() {
    alert("replaced event handler");
  });
  $link.replaceWith($clone);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
  <a id="assoc-search-popup1" style="display: inline-block;" href="javascript:void(0)" class="associate-and-inherit-link" data-associatedentityname="Logistics" data-associatedentityid="1E74AF39-6B99-4685-9C3F-5F47DB47A410" data-associationname="Logistics"
    data- associatedmultiplicity="Many" data-inheritancepriority="2" data-associatedentitydisplayname="Logistics" data-hasviewpermission="true" data-metadata_display_name="Logistics" data-metadata_display_name_plaintext="Logistics" data-islookup="true"
    data_lookupentityname="Logistics">
    <span>Logistics</span>
    <span class="inherit_details_add" style="float: right !important;"></span>
  </a>
  <script>
    $("#assoc-search-popup1").on("click", function() {
      alert("event handler to be replaced"); // your initial kendo button
    });
  </script>
</div>

​