列表中的Bootastrap 3.3工具提示

时间:2019-07-01 14:22:15

标签: javascript jquery twitter-bootstrap-3

我有一个要动态更改其数据原始标题的元素列表。我所做的是有一个异步函数,该函数返回该内容,然后使用工具提示显示。 这是代码:

For Each cell In Me.Range("J78:L81")
    cell.Interior.Color = Me.Range("H" & cnt).DisplayFormat.Interior.Color

我了解以下行的工作方式,它使用data-toggle属性获取DOM的所有元素,并显示它。

function onElementOver(el) {   
    var pos = el.getAttribute('data-pos');
    let contentTmp = arr[pos].content;
    if (!contentTmp) {
        let lat = arr[pos].lat;
        let lng = arr[pos].lng;
        getContent(lat, lng).then(function (ctn) {
            contentTmp = ctn;
            el.setAttribute('data-original-title', contentTmp);
            $('[data-toggle="tooltip"]').tooltip();  
            arr[pos].content = ctn;
        });  
    } else {
        el.setAttribute('data-original-title', contentTmp);
        $('[data-toggle="tooltip"]').tooltip();   
    } 
}

我只需要在onElementOver函数的element el参数中显示数据切换。

如何仅显示特定的工具提示?

1 个答案:

答案 0 :(得分:1)

我还没有测试过,但是我认为$(el).tooltip()可以工作。如果el已经是一个jquery元素,则使用el.tooltip()