导航栏点击出现提示框（弹出层）

灰太狼 2022-05-14 15:08 320阅读 0赞

导航栏点击出现提示框（弹出层）

2018年10月26日

15:17

1.先给导航栏下的<a>标签设属性 data-method="" ，其他理应可以（没有尝试），给导航栏添加监听

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70][]

说明：elem\[0\] =this

method = this.attributes\["data-method"\].nodeValue  获得属性 data-method 里的值保存到method 中（method是全局变量）。

2.弹出层设置

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70 1][]

还是先监听导航栏（15行），然后判断点击得到method是否与 "这是一个方法" 相同，如果相同，调用相应的方法（17行），在25行是打开一个弹出层。

3.jsp(html)中的设置：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70]: /images/20220504/3d9a25d36a7f4a09a0f0e6ac4f2ab967.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70 1]: /images/20220504/01d25711001a4399828d2667b7ec9c5f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NTcwNDY0_size_27_color_FFFFFF_t_70 2]: /images/20220504/dcc4622b123d4e5b8c4a891adddb762d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，320人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementui 点击删除按钮弹出提示框

在使用 elementui 的时候，如果要点击删除按钮弹出提示框，可以使用 elementui 提供的 Dialog 组件。首先，在 template 中添加 Dialog

今天药忘吃喽~/ 2023年09月25日 15:29/ 0 赞/ 84 阅读

相关弹出层效果和弹出框拖动效果

　　目前能够简单实现弹出层的框架实在是多，但个人还是觉得原生js代码实现比较具有根本性。　　今天刚写完弹出层效果，以及对弹出框的拖动效果，链接：[demo][]、[源码][

川长思鸟来/ 2023年08月17日 17:45/ 0 赞/ 162 阅读

相关 java实现弹出搜索提示框，点击提示自动填充到搜索框

一。实现效果图如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

朴灿烈づ我的快乐病毒、/ 2023年02月11日 04:47/ 0 赞/ 34 阅读

相关 jQuery点击空白处隐藏弹出层

jQuery点击空白处隐藏弹出层 $(function () { $('btnShow').click(function (event) { //取消事

痛定思痛。/ 2022年06月13日 01:12/ 0 赞/ 425 阅读

相关 bootstrap 点击空白处popover弹出框隐藏

代码： <div> <a class="btn btn-success show" title="Popover title" data-co

旧城等待，/ 2022年06月02日 08:41/ 0 赞/ 367 阅读

相关 layui使用button按钮点击出现弹层弹层中加载表单

1.html代码片段 <div class="layui-input-inline"> <button type="but

╰半橙微兮°/ 2022年05月24日 06:56/ 0 赞/ 269 阅读

相关导航栏点击出现提示框（弹出层）

导航栏点击出现提示框（弹出层） 2018年10月26日 15:17 1.先给导航栏下的<a>标签设属性 data-method="" ，其他理应可以（没有尝试），给

灰太狼/ 2022年05月14日 15:08/ 0 赞/ 321 阅读

相关网页点击图标，弹出QQ聊天框

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

逃离我推掉我的手/ 2022年04月02日 12:12/ 0 赞/ 309 阅读

相关 JavaScript点击弹出遮罩层

JavaScript点击弹出遮罩层开发工具与关键技术：DW与JS 作者：戴怡斌撰写时间：2019年1月18日下面我

小咪咪/ 2022年03月25日 05:51/ 0 赞/ 511 阅读

相关 layer弹出层内点击确认提交数据并关闭弹出层

$.ajax({ url: "json/DeductScore.ashx", type:

心已赠人/ 2021年09月15日 07:26/ 0 赞/ 848 阅读