如何從jQuery內部調用JavaScript函數？

Question

我正在嘗試清理一些代碼並將其分成不同的功能。 某事不起作用，我認為這與范圍有關。 我試圖從jQuery更改事件偵聽器內部執行loadSubscriberList() 。

showUserList: function (res) {
    $('#cvUser').append('<option value="">  - Select a user - </option ');
    $.each(res.UserList, function (key, value) {
        $('#cvUser').append('<option value="' + value.id + '">' + value.firstName + " " + value.lastName + " " + value.userid + '</option>');
    });

    $('#cvUser').on('keyup change', function () {
        if ($('#cvUser').val()) {
            $('#subscriberSelectView').html('');
            var showSubscribers = $($("#subscriberSelect").text());
            $("#subscriberSelectView").append(showSubscribers);
            this.loadSubscriberList();
        } else {
            $('#subscriberSelectView').html('');
        }
    });
},

loadSubscriberList: function () {
    var postData = {
        'usr': $('#cvUser').val()
    }

    appNS.tpmBase.ajaxReq(
        '',
        postData,
        '/rsc/cvr/gsl',
        null,
        null,
        $.proxy(this.handleShowUserList, this)
    )
},

未捕獲的TypeError：this.loadSubscriberList不是函數

Answer 1

你可以試試這個嗎

$('#cvUser').on('keyup change', function () {
  if($('#cvUser').val()){
    $('#subscriberSelectView').html('');
    var showSubscribers = $($("#subscriberSelect").text());
    $("#subscriberSelectView").append( showSubscribers );
     loadSubscriberList($('#cvUser').val());
  }
  else {
    $('#subscriberSelectView').html('');
  }
});
} ,

loadSubscriberList: function(cvUserVal) {
  var postData = {
   'usr': cvUserVal
  }

將this.loadSubscriberList()更改為loadSubscriberList($('#cvUser').val()); 並將cvUserVal作為參數添加到loadSubscriberList()函數。

Answer 2

在javascript中， this是動態的。

在內部功能，您KEYUP /更改處理， this是#cvUser元素。

一種解決方法是保留this外部的引用。 按照習慣，我們使用that 。

showUserList: function(res) {
    var that = this;
    ...
    $('#cvUser').on('keyup change', function() {
        ...
        that.loadSubscriberList();
        ...
    });
},