使用下面的树形导航脚本,如何使标题触发下拉?

发布于 2024-10-17 05:06:57 字数 488 浏览 2 评论 0原文

我们使用以下脚本进行下拉导航:

http:// www.onlinetools.org/tools/dom-tree-menu-puredom/#

但是,只有单击 [+] 或 [-] 时才会触发下拉菜单。我们希望标题本身触发下拉菜单。例如:

[+] Heading
[+] Heading 2
[+] Heading 3

当我们单击 [+] 和“标题”一词时,我们希望下拉列表显示如下:

[-] Heading
 -- Content 1
 -- Content 2
 -- Content 3
[+] Heading 2
[+] Heading 3

目前,只有 [+] 触发下拉列表,而“标题”仅允许我们放置普通链接。

We're using the following script to have a dropdown navigation:

http://www.onlinetools.org/tools/dom-tree-menu-puredom/#

However, the drop down is only triggered when the [+] or [-] is clicked. What we like to happen is for the headings themselves to trigger the dropdown. Like:

[+] Heading
[+] Heading 2
[+] Heading 3

When we click on [+] and also the word "Heading" we like the drop down list to appear like so:

[-] Heading
 -- Content 1
 -- Content 2
 -- Content 3
[+] Heading 2
[+] Heading 3

Currently, only the [+] triggers the drop down and "Heading" merely allows us to put a normal link.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

羞稚 2024-10-24 05:06:57

linkParent:false 更改为 linkParent:true

如果您将其更改为 true,我有一种感觉,也将允许标题进行链接。

如果你看一下第 41 行,它会设置点击处理程序。第一个标签 [0] 是箭头,第二个标签 [1] 我相信是标题

pde.addEvent(parentLI.getElementsByTagName('a')[0],'click',pde.showhide,false);
parentLI.getElementsByTagName('a')[0].onclick=function(){return false;} // Safari hack
if(pde.linkParent){
    pde.addEvent(parentLI.getElementsByTagName('a')[1],'click',pde.showhide,false);
    parentLI.getElementsByTagName('a')[1].onclick=function(){return false;} // Safari hack

}

提示:他们在脚本的开头也有一个很好的注释。

// boolean to make the parent link collapse the section or not 

    linkParent:false,

linkParent:false change to linkParent:true

If you change that to true I have a feeling that will allow the heading to do the linking too.

If you take a look at line 41 it sets the click handler. The first a tag [0] is the arrow and the second a tag [1] I believe is the title

pde.addEvent(parentLI.getElementsByTagName('a')[0],'click',pde.showhide,false);
parentLI.getElementsByTagName('a')[0].onclick=function(){return false;} // Safari hack
if(pde.linkParent){
    pde.addEvent(parentLI.getElementsByTagName('a')[1],'click',pde.showhide,false);
    parentLI.getElementsByTagName('a')[1].onclick=function(){return false;} // Safari hack

}

Hint: They also have a nice comment in the beginning of the script.

// boolean to make the parent link collapse the section or not 

    linkParent:false,
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文