Javascript Nicemenu(Drupal)中二级ul的可变宽度
在Drupal7中,我有一个如下所示的菜单结构。这是Drupal中Nicemenu模块的一部分。我将宽度应用于第二级ul-子菜单ul,这将应用于所有第二级ul。我需要的是第二级ul的可变宽度。所有这些由Drupal和我动态生成的HTML sre可能无法将任何类或ID硬编码到这些二级uls。我使用伪类来定位这些,但没有达到我想要的效果 这是HTMLJavascript Nicemenu(Drupal)中二级ul的可变宽度,javascript,jquery,drupal,Javascript,Jquery,Drupal,在Drupal7中,我有一个如下所示的菜单结构。这是Drupal中Nicemenu模块的一部分。我将宽度应用于第二级ul-子菜单ul,这将应用于所有第二级ul。我需要的是第二级ul的可变宽度。所有这些由Drupal和我动态生成的HTML sre可能无法将任何类或ID硬编码到这些二级uls。我使用伪类来定位这些,但没有达到我想要的效果 这是HTML <ul class="menu"> <li class="first leaf"><a class="activ
<ul class="menu">
<li class="first leaf"><a class="active" href="">Menu 1</a></li>
<li class="expanded"><a title="" href="">Menu 2</a>
<ul class="menu"> <!--This should have width of 200px-->
<li class="first leaf"><a href="">Menu 2a</a></li>
<li class="last leaf"><a href="">Menu 2b</a></li>
</ul>
</li>
<li class="expanded"><a title="" href="">Menu 3</a>
<ul class="menu"><!-- Width should be 350px-->
<li class="first leaf"><a href="">Menu 3a</a></li>
<li class="leaf"><a href="">Menu 3b</a></li>
<li class="leaf"><a href="">Menu 3c</a></li>
<li class="leaf"><a href="">Menu 3d</a></li>
<li class="leaf"><a href="">Menu 3e</a></li>
<li class="leaf"><a href="">Menu 3f</a></li>
<li class="leaf"><a href="">Menu 3g</a></li>
<li class="last leaf"><a href="">Menu 3h</a></li>
</ul>
</li>
<li class="expanded"><a title="" href="">Menu 4</a>
<ul class="menu"><!-- Width should be 200px-->
<li class="first expanded"><a title="" href="">Menu 4a</a><ul class="menu">
<li class="first last leaf"><a href="">Menu 4a-1</a></li>
</ul>
</li>
<li class="last leaf"><a href="">Menu 4b</a></li>
</ul>
</li>
<li class="leaf"><a href="">Menu 5</a></li>
<li class="expanded"><a title="" href="">Menu 5a</a>
<ul class="menu"><!-- Width should be 150px-->
<li class="first last leaf"><a href="">Menu 5b</a>
</li>
</ul>
</li>
<li class="leaf"><a href="">Menu 6</a></li>
<li class="leaf"><a href="">Menu 7</a></li>
<li class="expanded"><a title="" href="">Menu 8</a>
<ul class="menu"><!-- Width should be 200px-->
<li class="first leaf"><a href="">Menu 8</a></li>
<li class="last leaf"><a href="">Menu 9</a></li>
</ul></li>
<li class="last leaf"><a href="">Contact Us</a></li>
</ul>
在
元素中确实需要id
属性,因此可以使用CSS设置每个id
的宽度。这是为单独的HTML元素设置样式的最方便、最健壮的方法
显示了如何添加这些
id
属性的解决方案。嘿..我知道所有这些基础知识。它发生在Drupal中,可能无法硬编码css id。所有这些都需要动态地完成。我链接的问题的答案是(动态地)为HTML元素生成ID。