【问题标题】:How to retrieve tool-tip text of a button in Bootstrap?如何在 Bootstrap 中检索按钮的工具提示文本?
【发布时间】:2015-07-27 09:19:17
【问题描述】:

我在下面有以下 HTML sn-p。我想检索按钮的工具提示标题(78)并将其用于另一个功能。

<span class="btn btn-warning btn-sm" data-toggle="tooltip" data-placement="top" title="78" onclick="showToolTipTitle(event);">10:15 AM</span>   

我尝试使用以下 javascript 代码检索工具提示标题,但仍然无法正常工作:

function showToolTipTitle(event)
{   
    var title = $(event.target).attr("tooltip").text;
    alert(title);
}

function showToolTipTitle(event)
{   
    var title = $(event.target).attr("title");
    alert(title);
}

【问题讨论】:

    标签: javascript css html twitter-bootstrap tooltip


    【解决方案1】:
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            var new_title = $(this).attr("title");
            alert(new_title);
        });
    });
    </script>
    
    <button data-toggle="tooltip" data-placement="top" title="34">Display Tooltip</button>
    

    【讨论】:

    • 我确实试过了,但它只显示一个空的警告框
    • 请试试这个,已更新
    • 这与我的问题中的功能有何不同?
    • 无论如何,它仍然不起作用。它只显示一个空白的警告框
    • 你能提供你的代码的小提琴吗?它有助于调试问题。 jsfiddle.net
    猜你喜欢
    • 2016-06-15
    • 2013-09-02
    • 2016-06-08
    • 1970-01-01
    • 1970-01-01
    • 2011-05-19
    • 1970-01-01
    • 1970-01-01
    • 2013-05-13
    相关资源
    最近更新 更多