Question

我有这部分JavaScript（jQuery代码）

        instance.on(dragLinks, "click", function(e) {
            var s = instance.toggleDraggable(this.getAttribute("rel"));
            this.innerHTML = (s ? '<a href="#" class="cmdLink drag" style="margin-right: 3px;"> <span class="glyphicon glyphicon-remove-sign" title="disable dragging" style="font-size: 15px;"> </span> </a>' : '<a href="#" class="cmdLink drag" style="margin-right: 3px;"> <span class="glyphicon glyphicon-ok-sign" title="enable dragging" style="font-size: 15px;"> </span> </a>');              
            jsPlumbUtil.consume(e);
        });

以'this.innerHTML'开头的行在单击后对元素（图标）进行更改。如您所见，它是bootstrap 3.0 glyphicons。

我有工具提示

        $(".glyphicon-remove-sign").tooltip({ 
                    placement: 'bottom',
                    });
        $(".glyphicon-ok-sign").tooltip({
                placement: 'bottom',
                });

加载应用程序后，首先显示glyphicon-remove-sign图标。 Bootstrap 3.0工具提示也正确显示。但是，问题是在点击它们之后，没有更多的Bootstrap 3.0工具提示效果，只有糟糕的HTML工具提示。如何解决这个问题？

Answer 1

根据Bootstrap网站的说法，“工具提示和popover数据apis是选择加入的，这意味着你必须自己初始化它们。”

因此，为了实现您的目标，必须重新初始化引导程序工具提示，如Miraage所述。

这是一个很好的教程，可能有所帮助：

http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-tooltips.php

希望这有帮助！

更改元素后如何保持Bootstrap工具提示？

1 个答案: