1

残念ながら、これには HTML を返す有効な URL が必要なため、jsFiddle を作成できませんが、要点は入力マスクを使用していることです$.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);

インデックス.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()ですか?

4

2 に答える 2

0

あなたが呼び出すとき、this.setupInputMasks);それthisはクラスではなく現在の関数にあります。Yuo は他の変数 ie:selfと put を入れるべきthisです。

あなたのコードの爆発：

//...
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
    };
// ...

それはあなたを助けるはずです。jQuery ソリューション、関数プロキシも使用できます。

詳細はこちら: http://api.jquery.com/jQuery.proxy/

于 2013-03-21T12:41:02.600 に答える
0

ここに解決策があります：

return $('#hpiLookupContainer').load(
    GetVehicleByRegistrationNumberUrl,
    {
        VehicleRegistrationNumber: $('#VehicleRegistrationNumber').val()
    },
    hpiLookup.setupInputMasks
);
于 2013-03-21T16:20:06.973 に答える