【问题标题】:Jquery: How to show bootstrap tooltipJquery:如何显示引导工具提示
【发布时间】:2016-01-18 11:29:05
【问题描述】:

就我而言,当用户将鼠标放在输入控件上但我想触发工具提示时,工具提示就会出现。表示验证失败时,工具提示将显示在输入控件下方。

这是我用来显示工具提示的代码。告诉我要在这段代码中编辑什么。

var options = { html: true, placement: 'bottom', title: '<div class="tooltip-alert alert-danger" data-placement="bottom">' + message + '</div>' };
        $(inputElement).addClass('validation-error');
        inputElement.tooltip("destroy")
            .addClass("error")
            .tooltip(options);

谢谢

【问题讨论】:

    标签: jquery twitter-bootstrap tooltip


    【解决方案1】:

    经过cmets,感觉需要在出错的时候显示一个静态的tooltip。

    引导工具提示 trigger=manual 是您所需要的。

    这是给你的小提琴:Fiddle

    编辑 添加了隐藏按钮以隐藏工具提示。

    Fiddle# 2

    希望这会有所帮助。

    -帮助:)

    【讨论】:

    • 在您的小提琴中应该有另一个按钮,单击该按钮会关闭工具提示。在我的例子中,工具提示是在每个表格单元格中动态生成的。
    • 感谢您的代码。当打开这么多工具提示时,我怎么能全部关闭。假设我的每个 td 中都存在与工具提示相关的 html,现在我想迭代表并一一提取工具提示并将其隐藏......这怎么可能?
    【解决方案2】:

    这样使用:

    $(element).tooltip("show");
    

    所以,当出现验证错误时,需要使用:

    inputElement.tooltip("show");
    

    【讨论】:

    • @Thomas 在显示之前,您已经使用.tooltip(options); 初始化了选项。所以它有选项集。 :)
    • @Thomas 你能告诉我一个使用jsbin.com 的工作小提琴吗?这对我来说很容易。在发送给我之前确保它正常工作。 :D
    • 谢谢我理解,但我注意到工具提示何时显示,如果我在该输入上移动鼠标光标,则工具提示正在运行....任何解决方法存在吗?
    • @Thomas 是的,有。给我一点时间。
    • 我要不要去。当验证成功时,它应该去......怎么办?
    猜你喜欢
    • 2013-12-30
    • 1970-01-01
    • 2013-05-07
    • 1970-01-01
    • 1970-01-01
    • 2013-02-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多