当前位置:  开发笔记 > 前端 > 正文

jQuery show()方法重置"li"条目以显示:block

如何解决《jQueryshow()方法重置"li"条目以显示:block》经验,为你挑选了0个好方法。

我有一个相对简单的页面,有一些LI条目,我希望能够在点击时显示.我们的想法是模拟PowerPoints逻辑,当您单击页面时,会出现元素组.

在父"div"元素的"click()"处理程序中,我有:

$(function() {
    var currentReveal;
    var currentGroup = 1;

    currentReveal = $("[class*=Revealed]").hide().length;
    $("div").click(function() {
    if (currentReveal != 0) {
        var revealedElements = $("[class*=Revealed]").filter("[revealgroup='" +
                                 currentGroup + "']");
        $(revealedElements).show("normal");
        currentGroup += 1;
        currentReveal -= revealedElements.length;
    }
});

这个HTML的作用是:

    
  • Lorem Ipsus
    • Lorem Ipsus:
      • Lorem Ipsus.
      • Lorem Ipsus.
    • Lorem Ipsus

不幸的是,当show()命令完成执行时,"li"条目的样式为"display:block"而不是"display:list-item"样式(用firebug和IE验证).我知道我可以轻而易举地解决这个问题(在"show()"方法完成后通过更新代码来修复样式),但我想知道我做错了什么.

推荐阅读
赛亚兔备_393
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有