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

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

但想到自己的转变,因为在网上搜索先看看是否有任何插件,的确会搜索,托管代码在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元素*来传递引用,并且支持引用的初始化。

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

tag:悬停下拉菜单触发器电脑软件

相关内容