Question

我有一个打开Bootstrap popver的链接。在这个popover中，我有一个文本字段，我想用作Jquery自动完成。问题是，我不确定如何访问弹出框中文本框的Div ID - 使用传统方法不起作用。我的自动填充功能在独立页面上运行正常，但在弹出窗口中无效。请帮忙！

<a href="#" id="add_game" data-toggle="add_game" data-content='<div class="input-group">Text: <input type="text" id="add_game_search"/></div>'>Popover</a>

$(document).ready(function () {
    $('[data-toggle="add_game"]').popover({
        'trigger': 'click',
            'html': 'true',
            'placement': 'bottom'
    });
});

$(document).ready(function () {
    $('.add_game_search').autocomplete({        
        source: function (request, response) {
            $.ajax({
                global: false,
                url: "http://www.google.com",
                dataType: "html",
                success: function (data) {
                    response($.map(data, function (item) {
                        alert("in response");
                    }));
                }
            });
        }
    });
});

js fiddle：http://jsfiddle.net/hwEp6/2/ 简化fs小提琴证明了这个概念：http://jsfiddle.net/hwEp6/3/

Answer 1

这里的问题不在于jQuery自动完成或引导程序。当您单击尚未处理的#add_game_search时，实际原因是动态生成Popover。

更改您的代码，如下所示

$(document).ready(function () {
    $('body').on('click', '#add_game_search', function () {
        alert("here");
    });
});

JSFiddle

无法在Bootstrap Popover / Jquery自动完成中访问DIV元素

1 个答案: