用于动态页面加载的bootstrap typeahead选择器

Question

当我正常加载页面并使用此代码时：

$('#clientName').typeahead({
   //removed options since they are not needed for my question
});

typeahead在#clientName上运行正常。 但是当我通过AJAX动态加载输入#clientName时，上面的代码不起作用。

有没有办法让它发挥作用？

这等于这个问题：

$('#randomDiv').click(function() {
  alert("Handler for .click() called.");
});

仅在内容未动态加载时才能使用此功能。但是这段代码可行：

$(document).on('click','#randomDiv',function() {
  alert("Handler for .click() called.");   
});

所以我想将处理程序添加到文档或正文中，而不是#clientName div本身。

Answer 1

我认为您只能在动态插入带有 clientName 的$('#clientName').typeahead(...);后再次致电input。如果将typehead调用到函数中，则只需再次调用该函数而无需再次设置所有选项。