Javascript 在Jquery中的引导下拉菜单上单击事件不触发

我试图使用jquery和bootstrap为按钮创建一个下拉菜单，但只要我单击它，菜单就会关闭。那个按钮里面有一个文本框，我需要输入文本

以下是HTML代码：

<a class="btn dropdown-toggle btn-default" data-toggle="dropdown" title="Hyperlink"><i class="fa fa-link"></i></a>
            <div class="dropdown-menu input-append" id = "hyperlink-menu">
                <input class="span2" placeholder="URL" type="text" data-edit="createLink"/>             
                <button class="btn" type="button">Add</button>
            </div>

当有人在文本框中键入时，我试图阻止菜单关闭。这就是小提琴的外观（当然除了其他按钮）

那个警报箱没有开火！我知道这个问题有点多余，但我在经历了其他类似的问题后，得到了这个文件！他们似乎都没有工作

---

我试着做一把小提琴但是它真的很糟糕….

设置点击span 2解决了我的问题。

你想抓住菜单的打开吗？你点击了超链接菜单，而不是点击了超链接菜单。btn检查你的目的是什么？当有人点击链接按钮时，菜单弹出窗口中有一个文本框。当有人试图输入该菜单时，它会自动关闭。我想阻止它！目标div为空，没有可单击的内容。如Ketan所说，在div上设置单击。工作小提琴：

$(document).ready(function(){
    $('#hyperlink-menu').click(function(e) {
        alert("Asd");
        e.stopPropagation();
    });
});