2015-05-07 85 views
2

我想創建一個使用jquery和引導按鈕的下拉菜單,但菜單一旦我點擊它就關閉。該按鈕內有一個文本框,我需要輸入文本。單擊事件沒有在Jquery的引導下拉菜單上觸發

這裏的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(); 
    }); 
}); 

我試圖阻止菜單,關閉有人類型到文本框中時。這是小提琴應該怎麼樣子(除其他按鈕ofcourse)

enter image description here

也警告框不點火!我知道這個問題有點多餘,但是在經歷了其他類似的問題之後,我得到了document.ready的想法!他們似乎都沒有工作!

我試圖創建一個小提琴(http://jsfiddle.net/2ca9hh7g/),但它真的很操蛋....

+0

你想趕上菜單的開幕? – jmgross

+0

你給了點擊超鏈接菜單,而不是給''.btn'檢查http://jsfiddle.net/2ca9hh7g/2/ – ketan

+0

是[this](http://jsfiddle.net/2ca9hh7g/13/)什麼你在之後? – lshettyl

回答

1

上跨距2設置點擊解決我的問題。