【问题标题】:Mixing jquery dropline and dropdown menu混合 jquery 下拉菜单和下拉菜单
【发布时间】:2011-07-08 09:43:07
【问题描述】:

如何实现在menu 之后的行为像 dropline 一样正常,但最后一个子级别是 dropdown 而不是 dropline? 天呐

【问题讨论】:

    标签: javascript jquery menu drop-down-menu


    【解决方案1】:

    为了确保我理解这个问题,您是否希望子下拉列表显示在垂直列表中而不是水平列表中?如果是这样,请尝试将其添加到您的 CSS:

    .droplinebar > ul > li > ul > li > ul > li
    {
        float: left;
        clear: both;
    }
    

    ADDENDUM(让菜单正确排列):

    我没有对此进行测试,但看看将第 16 行更改为以下内容是否有效:

    $subul.css({left:$curobj.position().left, top:this._dimensions.h})
    

    您可能还需要在 $targetul 上执行上述操作。

    第二个附录

    这有点脏,但是你总是可以给 sub-ul 一个唯一的 id,他们使用 css 来手动排队。

    http://jsfiddle.net/DxpMJ/11/

    在那个例子中,我为 JavaScript > Traveling 4 菜单提供了一个唯一的 id,并手动设置了左边距并使用 !important 技巧覆盖了宽度(如果你不熟悉它,你应该查看它- 当 javascript 插件在您不知情的情况下设置 CSS 样式时非常有用)。如果您不介意为所有需要垂直的菜单手动添加 css 规则,我认为这会起作用。

    【讨论】:

    • 是的,这就是我想要的。刚才垂直列表中的链接完全在左侧,背景很大。如何设置链接出现在父链接下方,不远处? tnx
    • 我不认为这个菜单插件会支持你在不修改大量代码的情况下尝试做的事情。我建议您查看这里的一些菜单,并找到一个无需修改即可满足您需求的菜单:1stwebdesigner.com/css/…
    • 这个菜单在 wordpress 上。花了几个小时的时间来调整我想要的工作,哦,天哪,这太接近了:-(
    • 我并不认为你应该放弃它......我鼓励你深入研究并开始调整一些东西,如果没有别的,只是为了体验。操作 $targetul 和 $subul 的 .postition() 值也可能是必要的。恐怕我没有时间更深入地研究它,但我希望你有一个好的开始,可以进行一些尝试和错误。
    • 感谢您的帮助和您的时间,这让我离这个菜单的痛苦如此接近。我不想再打扰您了。但只是给我一个提示。是吗有可能只用css得到我想要的结果吗?我的js不好:-(如果不是,你能在我用$targetul和$subul进行反复试验之前把我推向正确的方向吗:我可以使用哪些值以及如何使用sintax将看一个任意的例子。我希望这不是我要问的太多。最好的问候。
    猜你喜欢
    • 2023-04-08
    • 2012-05-27
    • 1970-01-01
    • 1970-01-01
    • 2018-01-27
    • 1970-01-01
    • 2015-08-08
    • 2016-01-06
    • 2011-11-16
    相关资源
    最近更新 更多