首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何打开一个子菜单点击一个锚链接?

如何打开一个子菜单点击一个锚链接?
EN

Stack Overflow用户
提问于 2019-04-17 16:39:38
回答 1查看 356关注 0票数 0

我在Wordpress主题中有这个引导手风琴代码:

代码语言:javascript
运行
AI代码解释
复制
<ul id="menu-main-menu-horizontal-1" class="mobile-menu accordion-menu">
    <li id="accordion-menu-item-1906" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children has-sub">
    <a class="nolink" href="#">CLICK ME</a><span class="arrow"></span>
    <ul class="sub-menu">
        <li id="accordion-menu-item-1922" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat"><a href="/one" class="">ONE</a></li>
        <li id="accordion-menu-item-1904" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat"><a href="/two" class="">TWO</a></li>
    </ul>
</ul>

单击箭头时,子菜单将正确打开和关闭,折叠和展开等等。

现在,我想让它发生同样的事情,当我点击锚链接“单击ME”。我希望子菜单打开和关闭,就像单击箭头时一样。

哪些数据属性/类,我必须附加到该链接‘激活’它和命令子菜单?

帮帮忙,我被困在里面了。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-18 02:52:21

您可以使用下面的jQuery代码在单击me.时切换菜单

代码语言:javascript
运行
AI代码解释
复制
$('.nolink').click(function() {
    $('.sub-menu').toggle();
});
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55737695

复制
相关文章
WordPress自定义菜单新窗口打开链接
这里没有单独设置在新窗口打开的选项,那么我们只需要 设置方法: 1、进入“网站后台――外观――菜单”页面,点击右上角的“显示选项”; 2、在“显示菜单高级属性”中勾选“链接目标”等 这样就可以在自定义链接中出现多个选项 勾选完,多出下面几项 这样就可以单独设置某一个菜单新窗口打开啦。 未经允许不得转载:肥猫博客 » WordPress自定义菜单新窗口打开链接
超级小可爱
2023/02/20
1.7K0
如何快速设计一个子系统
日常小系统开发时,不太推荐做过度设计,但是也不能没有设计,可以实现一个快速设计 设计目标 结构清晰 快速实现 易于测试和问题定位 设计步骤 子系统的定位(可以往上抽象一层) 用例图或用例列表 核心功能点 核心功能流程图(一定要把所有核心功能串联起来) 类图(类的角色,命名很重要) 输出 核心功能流程图 组件图 类图
十毛
2021/12/03
3750
在网页里点击链接,直接打开app的方法
通俗点说,就是url地址栏; 输入 http:…. 打开的是网页; 输入 qqdl:…… 如果你安装了腾讯的旋风下载工具,系统会自动启动旋风下载; 输入 thunder:…… 对应的就是打开迅雷下载了; 最常用的还有 ftp:…… ; udp:…… ; mailto:…… ; 还有很多很多,而对于iPhone手机,有一些特定的URL schemes; 了解这些内置的URl schemes,对于我们开发一些基于Web网页的iPhone应用,将会变得非常简单; 首先,当然是最常用的,电话和短信; 给小琪打电话
前朝楚水
2018/04/02
9.9K0
在网页里点击链接,直接打开app的方法
java中一个子线程如何通过interrupt手段来停止另外一个子线程
public void setSilblingThread1(Thread t1) {
马克java社区
2021/04/09
5330
java中一个子线程如何通过interrupt手段来停止另外一个子线程
HTML内的锚点链接
作者:matrix 被围观: 5,207 次 发布时间:2013-03-14 分类:兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
2.2K0
使用JavaScript,点击按钮一个打开新的窗体
<script type="text/javascript"> function openObj(){ window.open("success.html","baiducccc");//新建一个窗体,名字为baiducccc } function openObj2(){ window.open("success.html","_self");//在自身的窗体打开,不会新建窗体 } function openObj3(){ var win = window.open("success.html", "abccc","width=400,height=400,top=100,left=200,menubar=yes,location=yes,scrollbars=yes")//表示不会一直新建窗体,一直都是在名字为abccc的窗体打开(第一次是新建了一个abccc的窗体,之后就不会再创建) //win.resizeBy(200,200)//在原来的页面基础上新加200,200 //win.resizeTo(200,200)//把原来的大小重新设定为200,200 //win.moveBy(200,200);//在原来基础上再偏移200,200 console.log(win.screenX+"."+win.screenY);//查看没有偏移之前的位置 win.moveTo(200, 200); console.log(win.screenX+"."+win.screenY);//查看偏移之后的位置 } console.log(innerHeight+"..."+innerWidth); </script> </head> <body> <input type="button" value="打开新页面" οnclick="openObj()"> <input type="button" value="在当前窗体打开" οnclick="openObj2()"> <input type="button" value="指定窗体位置大小打开" οnclick="openObj3()"> </body>
小小鱼儿小小林
2020/06/23
1.3K0
neutron创建一个子网
命令:neutron subnet-create --name 子网名字 --dns-nameserver 8.8.8.8 --gateway 子网网关 网络名称 子网网段
院长技术
2020/06/13
1.9K0
Element NavMenu 默认展示一个菜单的子菜单,点击其它菜单会折叠的解决方法
遇到一个问题:NavMenu设置默认展开一个菜单,但是点击另一个菜单的子菜单赋值时会折叠起来 。
tianyawhl
2020/03/03
6.7K0
如何新窗口打开导航链接?
像没有服务器,没弄多个Github账号的人,比如我(资深白嫖党),可能会遇到这个问题。
唐志远
2023/08/01
2920
如何新窗口打开导航链接?
公众号自定义菜单点击可打开相关小程序
微信公众号可将已关联的小程序页面放置到自定义菜单中,用户点击后可打开该小程序页面。如下图,在微信公众平台自定义菜单那边,菜单内容选择“跳转小程序”,然后设置小程序路径和备用网页。公众号运营者可在公众平台进行设置,也可以通过自定义菜单接口进行设置。主要用到的参数是pagepath,表示小程序的页面路径。还有几个参数是必须的:type(菜单的响应动作类型,view表示网页类型,click表示点击类型,miniprogram表示小程序类型);url(view、miniprogram类型,表示网页链接,用户点击菜单
ytkah
2018/03/06
2.6K0
公众号自定义菜单点击可打开相关小程序
MFC 如何让菜单返灰(不可点击状态)
MFC中对于菜单栏的使用相信都已经是日常操作了,那么如何使得菜单栏下的小菜单项变成灰色,不可点击状态呢?
全栈程序员站长
2022/07/11
1.1K0
网页链接打开程序
就像电驴那样: 网页链接地址是 : ed2k:// ¦file ¦Dracula.1992.CE.2AUDIO.DVDRip.DTS.X264.GUEVARA.nfo 点击这个链接就会 自动打开电驴 下载 Dracula.1992.CE.2AUDIO.DVDRip.DTS.X264.GUEVARA.nfo 这个文件 ---------------------- 首先建立如下的注册表项目: INIFile code Windows Registry Editor Version 5.00
用户1075292
2018/01/23
2.7K0
在鼠标点击的位置 ,添加一个div ,类似手表右键菜单
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> New Document </title> <script src="styles/default/js/jquery-2.1.0.min.js"></script> </head> <style type="text/css"> .modle { width: 100px; cursor: pointer;
用户7705674
2021/09/23
1.6K0
如何把菜单添加到另外一个VSPackage的菜单里?
在LearnVSXNow系列译文的第6篇发布后,有个朋友问了这么一个问题:“如果我想将一个Package的UI元素放至另外一个第三方的Package的菜单下,你有什么好的建议吗?这个东西现在在困扰着我。”
明年我18
2019/09/18
5120
如何把菜单添加到另外一个VSPackage的菜单里?
如何实现一个短链接服务 | 短链接生成原理
短链接,通俗来说,就是将长的URL网址,通过程序计算等方式,转换为简短的网址字符串。
梦溪
2021/08/09
19.1K3
微信内打开链接如何直接跳转到默认浏览器打开
在微信在如果打开链接,微信默认是会检测是否是微信内的安全域名,如果这个域名是微信官方内的域名很容易被微信封掉,而且很不好解封。这样就造成用户推广的域名非常容易被屏蔽。为了解决这个办法我也是上网找攻略,最近本人在某平台发现一个完美解决这个办法的网站:
用户6252721
2019/09/15
14.2K0
微信内打开链接如何直接跳转到默认浏览器打开
React项目中如何实现一个简单的锚点目录定位
锚点目录定位功能在长页面和文档类网站中非常常见,它可以让用户快速定位到页面中的某个章节
linwu
2023/10/16
1.3K0
React项目中如何实现一个简单的锚点目录定位
点击加载更多

相似问题

点击锚有一个子

21

如何防止在点击菜单时打开子菜单的链接?

13

打开另一个子菜单时关闭打开的子菜单

12

单击父菜单时仅打开一个子菜单

115

打开另一个子菜单关闭的子菜单

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文