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:

Enter image details here

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:

  & 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;    

You can try manually triggering the dropdown on internal modal. See

JS:

  $ ('dropdown li'). Click (function (e) {e.stopPropagation ();}); $ ('. Dropdown-inner'). Click (function (e) {estop propagation (); $ (this). Toggle class ('open'). Trigger ('shown.bs.dropdown');});   

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-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

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -