2016-03-14 43 views
1

大家好,我想尋求幫助,因爲我的下拉就麻煩了,因爲你可以在下面的鏈接看到,它有兩個標籤,問題是,當你必須改變頁面看到有問題的內容,但當您嘗試頁面更改下拉菜單關閉。誰可以幫忙? 鏈接:https://jsfiddle.net/f0yzyryL/<i>please help</i>DROPDOWN不想呆在開放

+1

極品分享問題中的代碼,而不僅僅是一個鏈接 –

+0

您的近距離事件正在傳播/冒泡。從那裏開始。 –

+0

@阿倫 - 對約翰尼·我想他不知道哪個代碼是有問題。就像'jf-it'已經說過的那樣 - 當你點擊標籤頁時你需要停止冒泡 – llamerr

回答

1

https://jsfiddle.net/9tywtn6z/

加js瓦里安牛逼從http://getbootstrap.com/javascript/#tabs-usage

,而不是http://getbootstrap.com/javascript/#markup

$('#tabs a').click(function (e) { 
    e.preventDefault() 
    $(this).tab('show'); 
    return false; 
}) 

和刪除data-toggle="tab" ATTR

(或者你可以使用http://getbootstrap.com/javascript/#tabs-events防止起泡)

return false;防止jQuery的冒泡 - https://css-tricks.com/return-false-and-prevent-default/

+0

非常感謝!!!!!!!!! –

2

使用此代碼:

$(".nav li").click(function() { 
    $(".dropdown-menu").addClass("nav-open"); 
}); 

添加這個CSS:

.nav-open { 
    display: block !important; 
} 

這裏是一個鏈接:https://jsfiddle.net/vexqhyb9/1/