jquery - IE8 问题与toggle() 显示/隐藏内容

Question

我在 IE8 中遇到问题，仅当单击链接时链接应显示/隐藏内容。 IE7 和 webkit 和 gecko 浏览器工作正常，只有 IE8 是问题!我看不出我的代码出了什么问题，甚至只是尝试 show() 而不是 toggle() 也没有任何效果 - 我在这里错过了什么吗？感谢您的帮助!

    //hide class=hidden elements
    $('.hidden').hide();
    $('a#hide').live("click", function(){
                        $(this).parent().siblings(".hidden:first").toggle();
                        return false;
                    });

上面的js是针对下面的html的:

<a href="#hidden" id="hide">Click to show</a></p>
<p id = "hidden" class = "hidden">
    my content
</p>

Answer 1

从技术上讲，您的脚本不仅在 IE8 中不起作用，而且在任何其他浏览器中也不起作用。一年后，更新的 jQuery 又出来了。

但迟做总比不做好，这是我的答案:

现场演示:http://jsfiddle.net/hobobne/Vnasb/2/

在我的现场演示中，我删除了不必要的内容并对其进行了一些重新格式化。我还是留下了:first参数，因为这是一个很好的例子。我还将包含您自己的代码，该代码可以正常工作。请注意，在您的代码中，有一个多余的 </p>

脚本:

$('.hidden').hide();
$('a#hide').live("click", function(){
    $('.hidden').toggle();
    return false;
});

正文:

<a href="#hidden" id="hide">Click to show</a></p>
<p id = "hidden" class = "hidden">
    my content
</p>

我不确定你们在“过去”是怎么做事的，但是[...].parent().siblings(".hidden:first")[...]是有问题的部分。

旁注:脚本是否要自动滚动到 #hidden 的视点，当点击触发元素时？与<a href="#hidden" ... ？这是行不通的，因为你正在返回 false在 jQuery 函数中。

PS:在IE9、IE8、IE7以及FF上测试强>——完美地工作。