javascript - Twitter bootstrap typeahead 无法添加到动态创建的元素

标签 javascript jquery twitter-bootstrap function jquery-events

有没有办法将 twitter bootstrap 的 typeahead 函数转换为 $("body").on() 函数?如果元素存在于页面加载中,则以下代码可以正常工作。

$("#job_title").typeahead({
    source: searchFunction,        
    onselect: function(obj) {            
    }
});

但是如果我动态地添加带有id="job_title" 的文本输入,上述功能就不起作用了。有解决办法吗?

最佳答案

此解决方案不需要额外的 javascript。来自 https://stackoverflow.com/a/15094730

$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function () {
    $(this).find(".typeahead").typeahead();
});

关于javascript - Twitter bootstrap typeahead 无法添加到动态创建的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11037322/

相关文章:

javascript - 为什么 Bootstrap 需要 jQuery?

html - Bootstrap - 为单页格式化导航栏和容器

html - 内联表单 bootstrap 3

jquery - 强制鼠标悬停/悬停效果在元素上

javascript - 我应该使用什么命名方案来使用 AJAX 将数据传递到 MySQL 表

javascript - 使这个 jQuery Ajax async=true 带有闭包

javascript - Angularjs 检索特定名称/对象

javascript - 如何保持一个元素固定而其余元素滚动?

javascript - 在 Javascript 或 jQuery 中获取颜色深浅?

javascript - 如何使 FabricJS Canvas 上的所有对象都处于事件状态但作为一个组?