在jQuery.load（）后重新应用事件绑定（）

Question

不幸的是，我不能创建一个jsFiddle，因为这需要一个有效的URL返回HTML，但重点是我使用输入掩码，在执行$.load() 我认为这只是我没有很好地理解这个功能。

脚本：

(function() { 
    isa.uk.HpiLookup = (function() { 
     function HpiLookup() { } 
     HpiLookup.prototype.setupEventHandlers = function() { 
      return $('#hpiLookupContainer').on("click", "#vehicleRegistrationSearchButton", this.onVehicleRegistrationSearchButton); 
     }; 

     HpiLookup.prototype.setupInputMasks = function() { 
      $('#VehicleRegistrationNumber').inputmask("#######", { "placeholder": "" }); 
     }; 

     HpiLookup.prototype.onVehicleRegistrationSearchButton = function (event) { 
      event.preventDefault(); 
      return $('#hpiLookupContainer').load(
       GetVehicleByRegistrationNumberUrl, 
       { 
        VehicleRegistrationNumber: $('#VehicleRegistrationNumber').val() 
       }, 
       this.setupInputMasks); 
     }; 

     return HpiLookup; 

    })(); 
}).call(this); 

Index.cshtml：

<div id="hpiLookupContainer"> 
    <input id="VehicleRegistrationNumber" type="text"> 
    <button id="vehicleRegistrationSearchButton" type="button">Search</button> 
</div> 

<script type="text/javascript"> 
    var GetVehicleByRegistrationNumberUrl = '@Url.Action("GetVehicleByRegistrationNumber", "Vehicle")'; 
    var hpiLookup = new isa.uk.HpiLookup(); 
    hpiLookup.setupEventHandlers(); 
    hpiLookup.setupInputMasks(); 
</script> 

我已努力使$ .load（）回调的setupInputMasks这种方式，但它不会。 如何在jQuery.load()之后重新应用事件绑定？

Answer 1

这里的解决方案：

return $('#hpiLookupContainer').load(
    GetVehicleByRegistrationNumberUrl, 
    { 
     VehicleRegistrationNumber: $('#VehicleRegistrationNumber').val() 
    }, 
    hpiLookup.setupInputMasks 
); 

Answer 2

当您拨打this.setupInputMasks);它是this当前函数不是类。宥应该把一些其他的变量，即：self，把this在

的Explonation在您的代码：

//... 
HpiLookup.prototype.onVehicleRegistrationSearchButton = function (event) { 
     event.preventDefault(); 
     var self = this; // Now You put this (from a class) into another variable 
     return $('#hpiLookupContainer').load(
      GetVehicleByRegistrationNumberUrl, 
      { 
       VehicleRegistrationNumber: $('#VehicleRegistrationNumber').val() 
      }, 
      function(){self.setupInputMasks}); // now You call class this 
    }; 
// ... 

它sholud帮助你。你也可以使用jQuery解决方案，函数代理。

更是在这里：http://api.jquery.com/jQuery.proxy/