Question

我使用简单的java脚本为网页创建折叠框。单击链接时，应在其下方打开一个框，其中包含一些文本。它适用于chrome和firefox以及我自己的IE8.06版本。但是在早期版本上测试时，链接一旦被点击就会完全消失。这是java脚本：

 <script type="text/javascript">
    function tw_toggle(div_id) {
        style = document.getElementById(div_id).style;
        if (style.display == "none") {
            style.display = "";
        } else {
            style.display = "none";
        }
    }
 </script>

以下是实施：

<li><a name="fb104" href="#fb104" onClick="tw_toggle('fb104');" style="cursor:  
  pointer;">WS114: Probability Theory and Statistics</a>
<span class="foldbox_content" id="fb104" style="display: none;">            
<br/>
<p>Visit the <a class="reference external" href="/courses/WS114">course homepage</a>.
</p>    </span></li>

有人可能知道这里会出现什么问题吗？

Answer 1

删除锚名称属性：

<li><a href="#fb104" onClick="tw_toggle('fb104');" style="cursor: pointer;">WS114: Probability Theory and Statistics</a>

IE被与锚点具有相同ID的范围混淆。

在IE8中单击时，Javascript链接消失

1 个答案: