Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuerymobile: Close a popup when opening a panel
    primarykey
    data
    text
    <p>I have a navigation menu that is a listview inside a collapsible inside a popup. On my page content, I also have regular links open the same page as in the menu. I want some of these links to open in panels. This works fine for the page content, the panels open up ok.</p> <p>But when you use the link in the navigation menu, the panel opens up under the menu. Is there a way to force the panel to open over the navigation, or to have the navigation close when the panel opens?</p> <p>Here's what I have:</p> <pre><code>&lt;!--NAVIGATION --&gt; &lt;a href="#navigation" data-rel="popup""&gt;Menu&lt;/a&gt; &lt;div data-role="popup" id="navigation"&gt; &lt;div data-role="collapsible-set"&gt; &lt;div data-role="collapsible"&gt; &lt;h2&gt;Category 1&lt;/h2&gt; &lt;ul data-role="listview"&gt; &lt;li&gt;&lt;a href="#panel1"&gt;Open Panel 1&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- /collapsible --&gt; &lt;div data-role="collapsible"&gt; &lt;h2&gt;Category 2&lt;/h2&gt; &lt;ul data-role="listview"&gt; &lt;li&gt;&lt;a href="#panel2"&gt;Open Panel 2&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!-- /collapsible --&gt; &lt;/div&gt;&lt;!-- /collapsible set --&gt; &lt;/div&gt;&lt;!-- /popup --&gt; &lt;!-- /NAVIGATION --&gt; &lt;!-- CONTENT --&gt; &lt;ul data-role="listview"&gt; &lt;li&gt;&lt;a href="#panel1"&gt;Open Panel 1&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;!-- /CONTENT --&gt; &lt;!-- PANEL --&gt; &lt;div data-role="panel" id="panel1" data-position="right" data-display="overlay" data-position-fixed="true"&gt; &lt;p&gt;content&lt;/p&gt; &lt;/div&gt;&lt;!-- /panel1--&gt; &lt;!-- /PANEL --&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload