在使用JQuery加载的元素上选择2

Question

我在项目中使用select2，并且正常工作，使用以下命令启动select2：

$(function() {
  $(".elegible").select2();
});

当我试图将de函数调用到由JQuery加载的元素时，问题出现了，我不知道如何调用该函数。我已经尝试过＆＃34; on＆＃34;但它不会使用select2加载selects。我发现的唯一一件事是：

$(document).ajaxComplete(function(e, xhr, settings){
    $(".elegible").select2();
});

但是每次ajax调用完成时都会调用该函数，即使在我不需要select2的情况下也是如此。我的问题是：如何调用稍后加载的元素？我现在使用的方法现在有效吗？我能改进吗？

谢谢！

添加信息： 我通过从另一个页面获取它来调用新内容 - 它使用ajax加载select：

$.get('detalle_miembro/' + this.id)
  .done(function(result) {
    $('#detalle_miembro').html(result);
  });

将其放入div：<div id="detalle_miembro"></div>

Answer 1

以下是如何仅针对添加的新内容致电select ：

$.get('detalle_miembro/' + this.id).done(function(result) {
    $('#detalle_miembro').html(result).find(".elegible").select2();
});