1

我尝试根据这个视频用 JavaScript 制作手风琴效果，改变了一些东西，比如使用输入按钮而不是选择器的链接。但是由于某种原因它不起作用。unknown pseudo-class or pseudo-element "visible"每次我尝试使用它时，Firefox 错误控制台都会输出。有什么问题？

$("div.example").hide();
$("input.exampleButton").click(function(){
    $("div.example:visible").slideUp("slow");
    $(this).parent().next().slideDown("slow");
    //return false; if you don't want the link to follow
});

这是HTML

input type="button" value="See An Example" class="exampleButton" />
<div class="example">
    ...content
</div>
input type="button" value="See An Example" class="exampleButton" />
<div class="example">
    ...content
</div>
4

1 回答 1

1

您可以忽略控制台中的警告。代码不起作用的原因是标记结构与 Javascript 完成的遍历不匹配。每个<input>可能都应该在 a 内<div>，以便对的调用parent().next()正确地从输入转到<div class="example">它的后面。您还缺少<输入的开头，但我认为这是复制/粘贴错误。

工作标记：

<div>
    <input type="button" value="See An Example" class="exampleButton" />
</div>
<div class="example">
    ...content
</div>
<div>
    <input type="button" value="See An Example" class="exampleButton" />
</div>
<div class="example">
    ...content
</div>
于 2010-04-13T17:51:03.033 回答