Question

我正在引用的页面在这里：

JQuery页面位于：

http://jjnursingnotes.com/NOV12/jquery.expander.js

点击“阅读更多”后，我想要的是页面跳转到标题（＆lt; h1＆gt; ）或div图层的开头（ ＆lt; div class =“expandder”id =“sect ##”＆gt; ）在单击“少读”后，在该部分的开头。目前，“Read Less”按钮的代码如下所示：

      if ( o.userCollapse && !$this.find(o.lessSelector).length ) {
        $this
        .find(detailSelector)
        .append('<br><br><span class="' + o.lessClass + '">' + o.userCollapsePrefix + '<a href="#">' + o.userCollapseText + '</a></span><br><br>');
      }

我的标题都在（001,002等）之前直接分配了名称，我的猜测是简单地将＃001，＃002等添加到JQ代码中的链接。问题是该脚本定义了页面上的每个“Read less”按钮，因此每个按钮的变量需要不同。我是在正确的轨道上，还是有更有效的方法来做到这一点？

提前谢谢你。我显然是所有JS和JQuery的新手！

Answer 1

$('.expander .read-more').click(function(e){
 $('html,body').animate({ scrollTop: $(e.target).closest('.expander').offset().top}, "slow");
})

你去：）

Answer 2

而不是<a href="#">为什么不使用<a href="#sect##">。然后“Read Less”将无需任何JS

如何在扩展框关闭后使页面跳转到部分的开头？

2 个答案: