Question

您好，美好的社区！

我在jquery中有一个关于在函数内部访问$（this）的问题。通常我会使用var来传递它，但在实际情况下，我无法定义任何var。

我不知道如何通过“ source：function（）”的参数传递它。

我尝试了“ source：function（request，response，self = $（this））”，但是它不起作用。

$(".autocomplete-file-label").autocomplete({
  minLength: 3,
  source: function(request, response){
    var category = $(this).attr("data-category");
    if(category == '')
    {
      var source = 'http://www.example.com/?term=' + request.term;
    }
    else
    {
      var source = 'http://www.example.com/?term=' + request.term + '&type=' + category;
    }
    $.ajax({
      url: source,
      data : request.term,
      dataType: "json",
      type: "POST",
      success: function (data) 
      {
        response($.map(data, function( item ) {
          return item;
        }));
      }
    });

  },
  focus: function( event, ui ) {
   $(this).val( ui.item.label );
   return false;
  },
  select: function( event, ui ) {
   $(this).val( ui.item.label);
   $(this).next(".autocomplete-file-id").val( ui.item.id );
   return false;
  }
})

如果您有任何解决方案，我将非常高兴！

非常感谢！

Answer 1

需要元素中的实例特定数据的插件的常见方法是在each循环内启动插件

$(".autocomplete-file-label").each(function() {
  var category = $(this).attr("data-category");

  $(this).autocomplete({
      minLength: 3,
      source: function(request, response) {

        if (category == ''){
           ///.....
        }
      }
      //....
    }

  });
});

jQuery-将$（this）传递给不带var的回调函数

1 个答案: