Html IE8中两个对象的jQuery切换出现问题_Html_Hyperlink_Jquery

Html IE8中两个对象的jQuery切换出现问题

html hyperlink jquery

Html IE8中两个对象的jQuery切换出现问题,html,hyperlink,jquery,Html,Hyperlink,Jquery,我在一个网页上有一个展开部分，我使用jQUery创建“展开/折叠”链接，单击这些链接可以相互切换。它在除IE8之外的所有浏览器中都能正常工作。事实上，当IE8处于兼容模式时，它可以完美地工作应该发生的是，当您单击“展开”时，可展开部分将向下滑动，“展开”链接切换为“显示：无”，而“折叠”链接切换为“显示：内联”。这很有效。但是，当您单击“折叠”链接时，“展开”链接将不再出现（仅在IE8中出现）：切换链接测试 $（函数（）{ $（'.search_link'）。单击（函数（）{ $（'.se

我在一个网页上有一个展开部分，我使用jQUery创建“展开/折叠”链接，单击这些链接可以相互切换。它在除IE8之外的所有浏览器中都能正常工作。事实上，当IE8处于兼容模式时，它可以完美地工作

应该发生的是，当您单击“展开”时，可展开部分将向下滑动，“展开”链接切换为“显示：无”，而“折叠”链接切换为“显示：内联”。这很有效。但是，当您单击“折叠”链接时，“展开”链接将不再出现（仅在IE8中出现）：


切换链接测试
$（函数（）{
$（'.search_link'）。单击（函数（）{
$（'.search_link'）.toggle（）；
$（'#toggle_div'）。slideToggle（）；
});
});
搜寻
废话废话废话废话废话废话
废话废话废话废话废话废话
废话废话废话废话废话废话
废话废话废话废话废话废话
废话废话废话废话废话废话
废话废话废话废话废话废话

@Dexter:升级您的jQuery版本。任何低于1.4.4的内容似乎都显示了您所描述的问题（在IE8中使用JSFIDLE进行测试）--.

可能没有关系，但您的

元素下有一个孤立的

。当我在IE8中使用此选项进行测试时，效果很好-很抱歉

是因为复制和粘贴错误。为了简单起见，我去掉了样式。谢谢。谢谢，升级解决了问题。我记得在文档中读到一些关于标签和一个带有“inline”特性的明显bug的内容，但是我找不到它，所以我无法确定它是否相关。再次感谢。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Toggle Link Test</title>
</style>
<script type="text/javascript" src="/scripts/jquery.js"></script>
<script type="text/javascript">
$(function(){
    $('.search_link').click(function(){
        $('.search_link').toggle();
        $('#toggle_div').slideToggle();
    });
});
</script>
</head>

<body>
<fieldset>
    <legend>Search
        <a href="javascript: void(0);" class="search_link" style="display: inline;">Collapse [-]</a>
        <a href="javascript: void(0);" class="search_link" style="display: none;">Expand [+]</a>
    </legend>
    <div id="toggle_div">
        <p>blah blah blah blah blah blah blah blah</p>
        <p>blah blah blah blah blah blah blah blah</p>
        <p>blah blah blah blah blah blah blah blah</p>
        <p>blah blah blah blah blah blah blah blah</p>
        <p>blah blah blah blah blah blah blah blah</p>
        <p>blah blah blah blah blah blah blah blah</p>
    </div>
</fieldset>
</body>
</html>