Question

我正在尝试扩展/折叠功能，该功能适用于大多数浏览器，但IE7，FF 3 OSX / Win。

你可以在这个博客中看到其中一个标题（我们正在阅读的内容：奥巴马任命苏丹的新特使）的扩展/折叠功能：http://www.one.org/blog/。

以下是头部的代码：

    <script language="JavaScript" type="text/javascript"><!--

function expand(param) {
 jQuery("div"+param).stop().slideToggle("slow", function() {
    linkname = jQuery("a"+param).html();
    if( jQuery("div"+param).is(":visible") ) {
      jQuery("a"+param).html(expand_text+" "+linkname.substring(collapse_text_length));
    }
    else {
        jQuery("a"+param).html(collapse_text+" "+linkname.substring(expand_text_length));
    }
  });

}
function expander_hide(param) {
        jQuery("div"+param).hide();
        linkname = jQuery("a"+param).html();
        collapse_text  = "▼ Show More";
        expand_text    = "▲ Show Less";
        collapse_text_length = jQuery("<span />").html(collapse_text).text().length;
        expand_text_length = jQuery("<span />").html(collapse_text).text().length;
        jQuery("a"+param).html(collapse_text + " " + linkname);
        jQuery("a"+param).show();
}
//--></script>

博客正文中的代码是：

    <a style="display:none;" id="te753358020" href="javascript:expand('#te753358020')"> </a>

<div class="te_div" id="te753358020"><script language="JavaScript" type="text/javascript">expander_hide('#te753358020');</script><a href="http://www.nytimes.com/2011/04/02/world/africa/02ivory.html?_r=1&amp;ref=africa"><br />

当我尝试单击“显示更多”链接时，它没有响应。应隐藏的文本也显示在IE7中。

对此有什么解决方法？

谢谢，

Answer 1

我建议在IE7中打开页面，添加一些调试消息，以查看它失败的expandder_hide行。

展开/折叠功能在IE7，Firefox 3 OSX，Firefox Windows中不起作用

1 个答案: