如何检查元素是否已经通过AJAX加载？

Question

我想检查元素是否已经加载。

HTML

<button>load</button>

JS

$(document).on('click','button',function () {
    $.ajax({
        url: 'additional.html',
        context: document.body,
    }).done(function(html) {
        $('body').append(html);
    });
});
//My incorrect suggestion
if ($('input').is(':visible')) {
    alert('I see loaded element!');
}

我可以将警报移至.done()块， 但不允许更改它。 因此，应该为if语句使用什么事件侦听器，以便在元素出现时显示alert ？

Answer 1

您可以执行以下操作：

$('body').bind("loaded", function () {
    alert('I see loaded element!');
});

$(document).on('click','button',function () {
  $.ajax({
    url: 'additional.html',
    context: document.body,
  }).done(function(html) {
    $('body').append(html);
    $('body').trigger("loaded");
  });
});

或者，您可以将jquery ajax设置为同步，因为默认情况下它是异步的。