Question

目前我正在尝试在动态div上动态创建标签。我使用此“http://www.uibox.in/item/16”链接静态创建标签，现在我尝试将此功能转换为动态div，这也是在jquery中创建的，但是我无法将此链接的jquery连接到我的动态div功能。

这是我的动态div -

 var t = $('<div class="imgHover"><div class="hover"><div contenteditable="true" id="autotag"></div></div></div>');

                                    im = $("<img>");
                                    t.append(im);

在这里我点击了我的jquery -

$("div#autotag").click(function () {

                                   $(document).ready(function () {
                                       var t = $(this).parent().find('div#autotag');
                                       t.tagautocomplete({
                                       source: ['@ann', '@bill', '@casey', '#work', '#finance', '#home'],
                                            character: '@#&',
                                        });

                                      //  $('span#autotag').first().focus();
                                    });
                              });

但是我无法在动态div上动态创建标签。请帮助我。

Answer 1

“在动态div上动态创建标签”是什么意思？

如果是关于填充动态自动填充列表，您应该查看documentation of jQuery#typeahead这是bootstrap-tagautocomplete的依赖关系并将source参数初始化为函数
如果是将标签文字放入编辑字段，您可以像普通文字一样插入标签，也可以像在此处Typeahead.select

动态div中的自动完成标记

1 个答案: