当前位置:首页 > 日记 > 正文

引导下拉下拉菜单更改为悬停(悬停)触发器。

引导下拉下拉菜单更改为悬停(悬停)触发器。
在后台使用时使用引导响应导航条,下拉组件使用较多,多需要点击默认下拉框,单击鼠标左键开始,如果用来挂鼠标(悬停)启动将节省时间,这样可以提高点击效率。
转换的最初思想是将悬停事件绑定到下拉元素。当悬停出现时,我们执行这个元素的单击事件——也就是说,悬停是同步单击,悬停是单击。

但想到自己的转变,因为在网上搜索先看看是否有任何插件,的确会搜索,托管代码在GitHub网站:见

这是代码的直接副本:
函数($,窗口,未定义){
在插件的范围之外
所有下拉菜单 / /轨道保持
alldropdowns = $(var $);
instantlycloseothers是 / /如果真的话,它会立即
当一个新的浮动在上空时,关闭其他的导航项。
美元。fn.dropdownhover =功能(选项){
我们真正关心的元素是
下拉菜单的父项是
alldropdowns = $(美元alldropdowns.add this.parent());
返回this.each(函数(){()
var $这个($),
默认值= {
延迟时间:500,
instantlycloseothers:真
},
数据= {
Delay:$(这)数据('delay),
instantlycloseothers:$(this)数据('close-others)。
},
选项=扩展(true,缺省值,选项,数据{),
超时;
this.hover美元(函数(){()
如果(options.instantlycloseothers = true)
alldropdowns.removeclass美元(打开的);
window.cleartimeout(超时);
$(这)AddClass(打开的);
}函数(){()
超时= window.settimeout(函数(){()
this.removeclass美元(打开的);
},选择延迟);
});
});
};
$(下拉{数据徘徊= )(。dropdownhover);
}(jQuery,这个);
您可以看到,作者在插件前面添加了一个分号,这增加了插件的兼容性,因为可能没有编写JS代码;如果没有分号,则可能由于没有行更改而导致JS错误。

插件支持HTML元素*来传递引用,并且支持引用的初始化。

以上是下拉下拉菜单中的悬停(悬停)触发器,这是我想帮助你的。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。

相关文章

PS图象处理软件画一个美丽多彩的光

PS图象处理软件画一个美丽多彩的光

效应,光环,图象,处理软件,画一,一般过程如下:首先,使用PS图象处理软件的选择工具,使环部分(其他形状也可以),然后复制完成图形适当,并恰当地处理它们,然后添加颜色渐变做出类似的效果。最后,布置一些亮点和其他细节。 最终效果 1。一个新的800×800…

如何添加一个超链接的WPSWPSPPT演

如何添加一个超链接的WPSWPSPPT演

教程,超链接,演示,电脑软件,WPSWPSPPT,你知道如何向WPS幻灯片添加超链接吗下面的小编辑器将告诉你如何将超链接添加到WPS PPT中! 在WPS ppt中添加超链接的方法: 1。打开PPT,选择需要添加超链接、邮箱或文本的URL(此时添加文本链接作为示例)。 …

WPS2009演示设置连续播放背景音乐

WPS2009演示设置连续播放背景音乐

设置,背景音乐,演示,连续播放,电脑软件,在WPS2009演示编辑文件的使用,以创造一个良好的氛围,需要插入一个连续播放背景音乐的呈现,如何做第一个幻灯片都做的很好,然后单击插入RARR;对具有语音视频和声音;选项,选择插入声音文件的对话框,然后在对话…

在Javascript的scrollTop深入分析

在Javascript的scrollTop深入分析

电脑软件,Javascript,scrollTop,意义:滚动条的高度 作用:滚动加载(ajax)、滚动导航固定定位、滚动炸弹盒定位等。 显示滚动导航和侧边栏滚动固定定位的效果。 1、Chrome浏览器 两document.body.scrolltop和document.documentelement.scrolltop…

WPS文本如何在WPS文本截图中的WPS

WPS文本如何在WPS文本截图中的WPS

文本,教程,截图,电脑软件,WPS,有时我们需要电脑屏幕截图。当然,有很多软件截图。如果我们想使用WPS文本来筛选,我们该怎么做让我们告诉你如何筛选WPS文本。 WPS文本截图: 打开我们正在使用的WPS文本文件 查找上面打开的文件;插入;然后单击 点…

曝光不足和背光的照片与PS图象处理

曝光不足和背光的照片与PS图象处理

照片,图象,处理软件,电脑软件,PS,我相信很多爱好摄影的朋友遇到因为穷人照明,LED整体偏暗的照片出现曝光下或逆光拍摄的照片,在对比的情况下暗不清楚的细节,也就是我们常说的背光照片;然后,曝光不足和逆光照片有什么补救的方法吗在这里,我们介绍…

如何设置单词底纹技巧

如何设置单词底纹技巧

底纹,单词,如何设置,技巧,电脑软件,我们完成编辑Word文档后,为了使文档更加美观,我们会选择文档的阴影。因此,如何设置底纹的方法,让萧边把你的话如何设置底纹。 字着色设置步骤: 1。打开word文档并选择整个表单。单击设计。 2。表单工具/窗体…

ppt2013开关作用,ppt2013如何开关的

ppt2013开关作用,ppt2013如何开关的

作用,电脑软件,ppt2013是强大的,但因为与2003版相比,其巨大的改进,总有不熟悉的人操作的一些误解。所以小编辑告诉你消失;开关的作用是存在的。 检索ppt2013开关效应函数的操作步骤 单击切换;;选项卡,切换效果扩大窗口的下拉菜单按钮的下方,显示…

简单的使用Oracle的substr和指导功

简单的使用Oracle的substr和指导功

简单,功能,电脑软件,substr,Oracle,Oracle substr函数的简单用法 substr(字符串截取,截取的起始位置、长度) / /返回拦截的话 substr('Hello World,0,1) / /返回结果for'h *从第一个字符串截取长度为1的字符串 substr('Hello World,1,1) / /返…

如何设置默认的保存格式是xlsexcel

如何设置默认的保存格式是xlsexcel

默认,如何设置,格式,电脑软件,默认情况下,excel2010表,保存在excel2010形式的xlsx格式文档的格式。如果我们需要进行定期的用户交换文件的Excel表格,我们不能打开xlsx文件没有Excel2003用户安装文件格式兼容包,然后点编辑教你如何设置默认的保…

用烟雾材料制作简单的烟雾词

用烟雾材料制作简单的烟雾词

烟雾,简单,材料,电脑软件,本教程的文本使用烟雾材料,首先击中文本,然后添加到文本中的烟雾材料。为了显示烟雾,背景是最好的黑色。整个过程非常简单。最后的效果。 1、打开烟雾背景材料,如下图所示。 2、图层>新调整层>黑色和白色,红色设置为1…

PS图象处理软件图像处理的入门教程

PS图象处理软件图像处理的入门教程

图像处理,图象,处理软件,入门教程,电脑软件,在PS中,我们经常需要处理图片。你知道PS图象处理软件图像处理这里有一个小的PS图象处理软件图像处理方法。我希望给你一个答案。 PS图象处理软件的图像处理方法: 首先,让我们看原始图片和处理过的…