带切换（）的IE8问题显示/隐藏内容

我只有在点击链接时应该显示/隐藏内容的问题。 IE7和WebKit和壁虎浏览器工作正常，只有IE8是问题！我看不出我的代码出了什么问题，甚至只是尝试show（）而不是toggle（）没有任何作用 - 我在这里丢失了什么？谢谢你的帮助！带切换（）的IE8问题显示/隐藏内容

//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>

来源

2010-09-01 franko75

您是否在页面中的多个元素上使用了id =“hide”？ – Guffa 2010-09-01 22:13:40

不，只是双重检查 - 只使用一次。此位感到困惑，预计IE7中会出现同样的问题，但它只是IE8。 – franko75 2010-09-01 22:18:13

从技术上讲你的脚本没不仅在IE8，而且在任何其他浏览器。再一次，它的1年后，更新的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" ...？这不能工作，因为你在jQuery函数中返回false。

PS：上测试IE9 ，IE8，IE7，当然对FF - 完美的作品。

来源

2011-09-04 13:40:00

带切换（）的IE8问题显示/隐藏内容

回答

相关问题