Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何使页面在扩展器盒关闭后跳转到节的开头?_Jquery_Html_Expander - Fatal编程技术网

Jquery 如何使页面在扩展器盒关闭后跳转到节的开头?

Jquery 如何使页面在扩展器盒关闭后跳转到节的开头?,jquery,html,expander,Jquery,Html,Expander,我引用的页面如下: JQuery页面位于此处: 单击“阅读更多”后,我希望页面在单击“少读”后跳转到章节开头的标题()或div层的开头()。当前,“少读”按钮的代码如下所示: if ( o.userCollapse && !$this.find(o.lessSelector).length ) { $this .find(detailSelector) .append('<br><br><

我引用的页面如下:

JQuery页面位于此处:

单击“阅读更多”后,我希望页面在单击“少读”后跳转到章节开头的标题()或div层的开头()。当前,“少读”按钮的代码如下所示:

      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>');
      }
if(o.userCollapse&!$this.find(o.lessSelector.length){
美元这个
.find(详细信息选择器)
.append(“

”+o.userCollapsePrefix+”

”); }
我的标题前面都有直接指定的名称(001、002等),我的猜测是简单地将#001、002等添加到JQ代码中的链接中。问题是这个脚本定义了页面上的每个“无读”按钮,所以每个按钮的变量都需要不同。我是走对了路,还是有更有效的方法

先谢谢你。我显然是JS和JQuery方面的新手

为什么不直接使用
而不是
。那么,“少读”将在没有任何JS的情况下工作,而不是
为什么不直接使用
。那么“少读”将在没有任何JS的情况下工作

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


好了:)

顺便说一句,这个不需要“名字”,希望你喜欢,谢谢!“多读”需要改为“少读”,否则这就是我一直在寻找的解决方案。然而,一个小问题是,在点击“少读”之后,动画发生了,页面在一两秒钟内不会让你再次滚动。发生这种事的原因是什么?没关系,我知道了。将('html,body')替换为('html:not(:animated),body:not(:animated)')。非常感谢你!顺便说一句,你不需要“一个名字”,希望你喜欢动画谢谢!“多读”需要改为“少读”,否则这就是我一直在寻找的解决方案。然而,一个小问题是,在点击“少读”之后,动画发生了,页面在一两秒钟内不会让你再次滚动。发生这种事的原因是什么?没关系,我知道了。将('html,body')替换为('html:not(:animated),body:not(:animated)')。非常感谢你!