我希望有人能帮帮忙.
当我点击另一个工具提示图标时,我正试图隐藏工具提示.它有效,但当我决定再次点击最后一个工具提示时,它会"闪烁"工具提示.
var Hastooltip = $('.hastooltip');
HasTooltip.on('click', function(e) {
e.preventDefault();
HasTooltip.tooltip('hide');
}).tooltip({
animation: true
}).parent().delegate('.close', 'click', function() {
HasTooltip.tooltip('hide');
});
Run Code Online (Sandbox Code Playgroud)
HTML
<a href="#" class="hastooltip" data-original-title="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">
<h3>Info 1</h3>
</a>
<a href="#" class="hastooltip" data-original-title="Lorem ipsum dolor sit amet, consectetur adipisicing elit.">
<h3>Info 2</h3>
</a>
Run Code Online (Sandbox Code Playgroud)
如果有助于在用户单击按钮以显示工具提示时将以下标记添加到DOM.
<div class="tooltip"</div>
Run Code Online (Sandbox Code Playgroud) 目前正在学习本机JS并尝试创建交互式菜单.
单击menuBtn后我正在尝试运行一个函数,但我在控制台中有以下错误.
undefined is not a function
Run Code Online (Sandbox Code Playgroud)
问题的全球功能在这里?
(function () {
'use strict';
var menuBtn = document.getElementsByClassName('btn-nav');
menuBtn.addEventListener('click', function() {
console.log('clicked');
}, false);
}());
Run Code Online (Sandbox Code Playgroud)
HTML
<a href="#" class="btn-nav">
<span></span>
<span>Menu</span>
<span></span>
</a>
Run Code Online (Sandbox Code Playgroud)