我有一个JavaScript/jQuery页面,我使用的是Twitter Bootstrap的键入。在JavaScript中有两个独立的位置,我添加了一些我希望成为typeahead的元素。在不询问主观答案的情况下,对于我来说,将输入作为动态注册输入的好方法是什么?给他们所有不同的ID和注册每次我添加它们?有没有可以用.on()
完成的魔法?添加一个侦听器到动态添加的元素
回答
您可以使用jQuery
代表团执行此操作。例如:
$("#element-that-will-contain-typeaheads").on("DOMNodeInserted", function() {
$(this).find(".typeahead").typeahead();
});
但这不起作用,因为它不是侦听器。 '。typeahead'是一个寄存器,据我所知,它不能在'.on()'中。 – tubaguy50035 2013-02-26 16:51:16
有一个插入DOM节点的事件,让我编辑我的答案 – KaeruCT 2013-02-26 16:52:36
我是否应该注意我可能会“重新注册”.typeahead? – tubaguy50035 2013-02-26 16:57:00
最简单的方法,将用于typeahead, datepicker etc
第一份工作,你需要了解你是如何增加您想申请bootstrap typeahead
添加元素尝试输入元素实现类似如下:
//add this in your add button click handler
$tinput = $('<input type="text" name="bootstrap" class="typeahead"/>');
//apply bootstrap typeahead
$tinput.typeahead();
这样它会工作,我还以为这里分享会帮助别人:)
- 1. 添加事件侦听器来动态添加html元素
- 2. Jquery将事件侦听器添加到动态添加的元素
- 3. 添加事件侦听器到动态创建元素
- 4. 如何将事件侦听器添加到动态元素ID?
- 5. 将多个事件侦听器添加到一个元素
- 6. 在PolymerJs的动态元素上添加事件侦听器
- 7. 获取DOM元素并动态添加事件侦听器
- 8. 动态添加事件侦听器
- 9. 动态添加事件侦听器
- 10. 添加侦听器到Ext.grid.ColumnModel
- 11. 将javascript中的多个事件侦听器添加到元素
- 12. EXT JS - 在添加到容器的任何元素上添加侦听器
- 13. 添加侦听器以在闭包中动态添加HTML?
- 14. 添加一个动态命名的事件侦听器
- 15. 添加侦听
- 16. 如何添加一个jQuery侦听器?
- 17. 事件侦听器添加到文档中对元素存在检查,然后添加事件侦听器
- 18. 将侦听器添加到给定类的所有元素
- 19. 如何添加一个事件侦听器,触发器将某个类型的元素添加到DOM?
- 20. 将事件侦听器添加到Symfony3中的动态添加字段
- 21. 动态添加点击事件侦听器并将邮件添加到div元素时的递归太多
- 22. 将事件侦听器添加到动态容器中
- 23. 向网格的每个单元添加一个侦听器
- 24. 如何将侦听器添加到动态创建的RadioButtons?
- 25. 动态添加侦听器到jQuery创建的内容
- 26. 为CheckBox添加动作侦听器AbstractTableModel
- 27. 在Netbeans添加动作侦听器
- 28. 添加监听器到类或元素
- 29. 如何添加“on”到甚至添加到动态添加的另一个元素中的元素?
- 30. a4j:repeat - 动态添加一个新元素
元素是用DOM方法('.createElement'等)还是用String和'.innerHTML' /'.html()'构造的? – 2013-02-26 16:49:40
字符串.append – tubaguy50035 2013-02-26 16:50:35