Note that there are some explanatory texts on larger screens.

plurals
  1. POChanging height of div if list LI has UL using jquery not working for me
    primarykey
    data
    text
    <p>I am working on a Horizontal menu which works fine for me but as per design requirement i need to change the height of <code>&lt;div id="nav-subMenu"&gt;&lt;/div&gt;</code> if main/parent menu <code>li</code> doesn't have any <code>ul</code> or submenus in other words. jquery which i wrote is not working for me i would appreciate help in this regard.</p> <p>Here is an example of <a href="http://jsfiddle.net/zMty8/" rel="nofollow noreferrer">jsFiddle</a></p> <p><code>if ($('#nav-wrapper ul li').has('ul'))</code> always return <code>true</code></p> <p><strong>Sample jQuery</strong> </p> <pre><code>jQuery(document).ready(function () { if ($('#nav-wrapper ul li').hasClass('active')) { //if it does have the class active if ($('#nav-wrapper ul li').has('ul')) { alert('aaaa'); $('#nav-subMenu').css("height", "30"); } } }); </code></pre> <p>Sample HTML code</p> <pre><code>&lt;div id="nav-wrapper"&gt; &lt;ul class="dropdown dropdown-linear" id="nav"&gt; &lt;li&gt;&lt;span class="dir"&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="dir"&gt;&lt;a href="#"&gt;About Us&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="dir"&gt;&lt;a href="Articles.aspx?PageID=5&amp;amp;Language=en-us&amp;amp;ParID=0&amp;amp;Issue=5&amp;amp;CID=1"&gt;Articles&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li class="active"&gt; &lt;span class="dir"&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=en-us&amp;amp;ParID=0&amp;amp;Issue=5&amp;amp;CID=1"&gt;Categories&lt;/a&gt;&lt;/span&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=18"&gt;Book Review&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=16"&gt;Business&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=3"&gt;Culture&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=2"&gt;Economy&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=19"&gt;Finance&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=17"&gt;Infrastructure&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=20"&gt;Lifestyle&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=21"&gt;Others&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=7"&gt;People&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=1"&gt;Politics&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=6&amp;amp;Language=1&amp;amp;ParID=6&amp;amp;Issue=1&amp;amp;CID=4"&gt;Sports&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;span class="dir"&gt;&lt;a href="News.aspx?PageID=3&amp;amp;Language=en-us&amp;amp;ParID=0&amp;amp;Issue=5&amp;amp;CID=1"&gt;News&lt;/a&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt; &lt;span class="dir"&gt;&lt;a href="Page.aspx?PageID=12&amp;amp;Language=en-us&amp;amp;ParID=0&amp;amp;Issue=5&amp;amp;CID=1"&gt;Archive&lt;/a&gt;&lt;/span&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=1&amp;amp;Language=1&amp;amp;ParID=12&amp;amp;Issue=1&amp;amp;CID=1"&gt;106&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=3&amp;amp;Language=1&amp;amp;ParID=12&amp;amp;Issue=3&amp;amp;CID=1"&gt;102&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=4&amp;amp;Language=1&amp;amp;ParID=12&amp;amp;Issue=4&amp;amp;CID=1"&gt;103&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Page.aspx?PageID=5&amp;amp;Language=1&amp;amp;ParID=12&amp;amp;Issue=5&amp;amp;CID=1"&gt;109&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt; &lt;span class="dir"&gt;&lt;a href="Multimedia.aspx?PageID=10&amp;amp;Language=en-us&amp;amp;ParID=0&amp;amp;Issue=5&amp;amp;CID=1"&gt;Multimedia&lt;/a&gt;&lt;/span&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="Videos.aspx?PageID=11&amp;amp;Language=1&amp;amp;ParID=10&amp;amp;Issue=1&amp;amp;CID=1"&gt;Video&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div id="nav-subMenu"&gt;&lt;/div&gt; &lt;div id="NewsTicker"&gt; &lt;/div&gt; </code></pre> <p>UPDATE: Firebug view to get idea when jquery should fire to add height to DIV <img src="https://i.stack.imgur.com/X3PXQ.png" alt="enter image description here"></p>
    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.
    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