【问题标题】:Nested standard expandable menu (accordian) behaviour嵌套标准可扩展菜单(手风琴)行为
【发布时间】:2011-12-21 10:57:57
【问题描述】:

我正在使用在 noaccordian 模式下找到的简单手风琴脚本here 的行为类似于标准的可扩展菜单示例 here 但类下的嵌套菜单不尊重 noaccordian 类并且表现得像手风琴,怎么能我阻止这种情况发生?

我希望嵌套菜单也能够打开多个部分。

【问题讨论】:

    标签: jquery menu jquery-ui-accordion expandable


    【解决方案1】:

    我认为您还需要在“类”菜单中将 class="noaccordion" 添加到嵌套的 ul 中。例如:

    <li> <a href="#">Classes</a>
        <ul class="menu nestedmenu acitem noaccordion">
    
          <!-- Repeat this LI -->
          <li><a href="#">Built-in Electric &amp; Gas Ovens</a>
            <div class="acitem panel">
              <ul class="noaccordion">
                <li>
                  <label>
                    <input type="checkbox" name="cat[]" value="17" class="ovens" />
                    Electric: Double</label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="cat[]" value="18" class="ovens" />
                    Electric: with Microwave</label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="cat[]" value="25" class="ovens" />
                    Gas: Single</label>
                </li>
                <li>
                  <label>
                    <input type="checkbox" name="cat[]" value="16" class="ovens" />
                    Electric: Single</label>
                </li>
              </ul>
            </div>
          </li>...
    

    我已经创建了一个快速的fiddle,它显示了它的工作原理,正如我理解的你想要的那样。我只对前几项应用了 noaccordion 代码。

    【讨论】:

    • 我已经用你的建议更新了我的示例页面,但它与你的小提琴示例不同,我将我的示例精简到绝对最少的代码,但嵌套菜单仍然充当手风琴
    猜你喜欢
    • 2016-09-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多