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 / change处理程序this是#cvUser元素。

解决方法是保留对外部this的引用。根据自定义，我们使用that。

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

如何从jQuery中调用javascript函数？

2 个答案: