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

Question

我正在尝试使用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>

这是Javascript的一部分：

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

我试图阻止菜单在有人输入文本框时关闭。这就是小提琴的样子（除了其他按钮）

那个警报框没有开火！我知道这个问题有点多余，但我在完成其他类似的问题后得到了document.ready的想法！他们似乎都没有工作！

我尝试创建一个小提琴（http://jsfiddle.net/2ca9hh7g/），但它确实非常混乱....

Answer 1

设置span2上的点击解决了我的问题。