小编use*_*806的帖子

Bootstrap工具提示 - 单击另一个工具提示时隐藏

我希望有人能帮帮忙.

当我点击另一个工具提示图标时,我正试图隐藏工具提示.它有效,但当我决定再次点击最后一个工具提示时,它会"闪烁"工具提示.

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)

javascript jquery tooltip twitter-bootstrap

30
推荐指数
3
解决办法
5万
查看次数

未定义不是一个功能

目前正在学习本机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)

javascript

0
推荐指数
1
解决办法
124
查看次数

标签 统计

javascript ×2

jquery ×1

tooltip ×1

twitter-bootstrap ×1