我有一个相对简单的页面,有一些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()"方法完成后通过更新代码来修复样式),但我想知道我做错了什么.