Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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
Javascript 单击锚定链接后触发单击事件_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 单击锚定链接后触发单击事件

Javascript 单击锚定链接后触发单击事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个锚链接内手风琴子菜单。我有另一个锚链接在这个手风琴外,链接到内部锚标签。当我点击外部锚链接时,我希望页面向下滚动到accordion,并打开锚所在的accordion菜单 我在正文中有以下html 一个 一些文本 两个 一些文本 以下是解决方案: function scrollToAnchor(aid){ var aTag = $("a[id='"+ aid +"']"); $('html,body').animate({scrollTop: aTag.offset().

我有一个锚链接内手风琴子菜单。我有另一个锚链接在这个手风琴外,链接到内部锚标签。当我点击外部锚链接时,我希望页面向下滚动到accordion,并打开锚所在的accordion菜单

我在正文中有以下html


一个
一些文本
两个
一些文本
以下是解决方案:

function scrollToAnchor(aid){
   var aTag = $("a[id='"+ aid +"']");
   $('html,body').animate({scrollTop: aTag.offset().top},'slow');
}

scrollToAnchor('move');
此处查看参考:

功能滚动至anchor(辅助){
var aTag=$([a[id='''+aid+']);
$('html,body').animate({scrollTop:aTag.offset().top},500);
}
$('#click')。单击(函数(){
滚动到anchor(“移动”);
});

一个
一些文本
两个
一些文本




































移动
您可以使用
轻松导航,这比我认为使用JS要好得多:)

例如:

Up
一个
这是一个由选举人组成的社区,它是一个由选举人组成的社区。我们的知识是按常规分配的,而我们的文本是“水的内容,水的内容”。这句话的意思是:“我们可以用西班牙语表达。”。大多数情况下,自动医疗和公共知识网编辑都是针对缺陷的文本,而“公共知识网”的编辑则是针对在德萨罗的社区中使用的文本进行编辑的结果。许多版本都是进化而来的,它们是偶然发生的,或者是一种道具(插入的幽默和估计),它们都是由选举人来决定的。我们的知识是按常规分配的,而我们的文本是“水的内容,水的内容”。这句话的意思是:“我们可以用西班牙语表达。”。大多数情况下,自动医疗和公共知识网编辑都是针对缺陷的文本,而“公共知识网”的编辑则是针对在德萨罗的社区中使用的文本进行编辑的结果。许多版本都是进化而来的,它们都是偶然发生的,它们都是自然发生的。
二
这是一个由选举人组成的社区,它是一个由选举人组成的社区。我们的知识是按常规分配的,而我们的文本是“水的内容,水的内容”。这句话的意思是:“我们可以用西班牙语表达。”。大多数情况下,自动医疗和公共知识网编辑都是针对缺陷的文本,而“公共知识网”的编辑则是针对在德萨罗的社区中使用的文本进行编辑的结果。许多版本都是进化而来的,它们是偶然发生的,或者是一种道具(插入的幽默和估计),它们都是由选举人来决定的。我们的知识是按常规分配的,而我们的文本是“水的内容,水的内容”。这句话的意思是:“我们可以用西班牙语表达。”。大多数情况下,自动医疗和公共知识网编辑都是针对缺陷的文本,而“公共知识网”的编辑则是针对在德萨罗的社区中使用的文本进行编辑的结果。许多版本都是进化而来的,它们都是偶然发生的,它们都是自然发生的。

这正是jQuery所能做到的

$('a')。在('click')上,函数(e){
e、 预防默认值();
var target=$(this.attr('href');
如果($(目标).length>0){
$('body')。设置动画({
scrollTop:$(目标).offset().top
},1000,函数(){
$(目标).trigger('click');
});
}
});

一个
一些文本
两个
一些文本

这是完全可能的。触发点击事件有点复杂,这取决于你想要什么,但即使这样也不坏

安装了jQuery和(请参见此处-您可以通过内容交付网络加载它,这样您甚至不需要承载本地副本),您将需要如下内容:

$('a[href="#move"]').click(function() {
  $(window).scrollTo('#move', {
    onAfter: function() {
      $('#two').click();
    }
  })
});
一行一行地,你正在做的是: 1.使用href=“#move”以锚定标记为目标,并附加一个函数来处理单击事件

  • 当该函数被触发时,它会触发scrollTo插件。我们给scrollTo插件一个我们想要滚动到的ID,然后给一个对象{},它包含我们传递给scrollTo插件的设置

  • 这里我们需要的唯一设置是onAfter回调,它在动画结束时执行一个函数

  • 在回调期间,调用click事件。有关.click()和.trigger(“click”)之间区别的讨论,请参阅,但简而言之,如果您只想触发事件处理程序,可以使用.trig