Javascript 提前键入可点击的建议

我想防止在点击建议中的按钮时关闭dorpdown菜单

代码：

我试着去哪里

e、 停止传播

---

但它不起作用，并且在菜单隐藏后会发出“测试”消息警报。

您到底想做什么？插件是否创建了一个点击处理程序，而您不需要这个处理程序？你试过了吗？当用户选择建议时，行为应该是正常的，除非用户单击建议的按钮products info，然后我想提醒“test”并在控制台上记录行，而不是隐藏下拉菜单。它现在的功能是：1.隐藏下拉菜单2.alert 3.console.log 4.console.logSo然后。。。按照上面的建议删除所有舔事件，并添加一个新的，您自己的舔事件？StopRopAgation可能无法工作，因为没有对父元素激发任何事件。$document.find*.off；关闭所有事件$document.find.products info.off；不起作用，问题仍然存在。关于$document.off'click'、'.products info'或$'.products info'。off'click'？

$(document).ready(function(){
    $('#search2').typeahead({
            hint: true,
            highlight: true
        },
        {
            name: 'products',
            displayKey: 'name',
            source: function (query, process) {
                return $.post("php/Products.php", { action:'sell-search',search_value: query}, function (data) {
                    process(JSON.parse(data));
                });
            },
            templates: {
                empty: [
                    '<div class="empty-message text-danger">',
                    '<h3>Няма намерена стока</h3>',
                    '</div>'
                ].join('\n'),
                suggestion: Handlebars.compile(
                    '<div class="row">' +
                        '<div class="col-xs-8"><div>{{name}}</div><div class="small text-success">{{category}}</div></div>' +
                        '<div class="col-xs-3">{{price_retail}} <span class="x-small">лв/{{measure}}<span></div>'+
                        '<div class="col-xs-1"><button class="btn btn-sm btn-warning float-right products-info "><span class="glyphicon glyphicon-info-sign"></span></button></div>' +
                    '</div>')
            }
        });
});

$(document).on('click','.products-info', function(e){
    e.stopPropagation();
    console.log("Cliicked");
    console.log('Inside link');
    alert('test');
    return false;
});