javascript - Dropdown menu in ... a dropdown menu with Bootstrap -
I have to put a dropdown menu ... in a dropdown menu in Bootstrap 3. What I try to do: Unfortunately, when I I click on the second dropdown, it does not appear. How can I show the second dropdown when I click on it? How then (with js or jquery) can i handle changes in the situation of this 2 dropdown? HTML: You can try manually triggering the dropdown on internal modal. See JS: HTML:
& lt; Div class = "navbar navbar-default navbar-fixed-top" role = "navigation" & gt; & Lt; Div class = "container" & gt; & Lt; Div & gt; & Lt; Ul class = "nav navbar-nav" & gt; & Lt; Li class = "dropdown" & gt; & Lt; A href = "#" class = "dropdown-toggle" data-toggle = "dropdown" & gt; Settings & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown-menu" role = "menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Edit & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Remove & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "dropdown" & gt; & Lt; A href = "#" class = "dropdown-toggle" data-toggle = "dropdown" & gt; Visible by friends & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown-menu" role = "menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible by friends & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible only to me & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible by anyone & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
$ ('dropdown li'). Click (function (e) {e.stopPropagation ();}); $ ('. Dropdown-inner'). Click (function (e) {estop propagation (); $ (this). Toggle class ('open'). Trigger ('shown.bs.dropdown');});
& lt; Div class = "navbar navbar-default navbar-fixed-top" role = "navigation" & gt; & Lt; Div class = "container" & gt; & Lt; Div & gt; & Lt; Ul class = "nav navbar-nav" & gt; & Lt; Li class = "dropdown" & gt; & Lt; A href = "#" class = "dropdown-toggle" data-toggle = "dropdown" & gt; Settings & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown-menu" role = "menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Edit & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Remove & lt; / A & gt; & Lt; / Li & gt; & Lt; Li class = "dropdown-internal" & gt; & Lt; A href = "#" class = "dropdown-toggle-inner" & gt; Visible by friends & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Ul class = "dropdown-menu" role = "menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible by friends & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible only to me & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Visible by anyone & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;
Comments
Post a Comment