通过javascript触发引导工具提示选项

Question

请问通过javascript传递选项的正确方法是什么?Via数据属性的工作方式如下:

<input type="text" data-toggle="tooltip" data-placement="right" data-animation="fade" data-delay="200" data-trigger="focus" data-content="foo">

但是使用javascript时，这是不允许的:

<script>
    jQuery(function ($) {
        $("input").popover()({
            animation:"fade",
            delay: "200",
            trigger:"focus",
            placement: "right"
        });
    });
</script>

正确的语法是什么?

Answer 1

对于tooltip，它应该是:

jQuery(function ($) {
    $("input").tooltip({...});
});

代替:

jQuery(function ($) {
    $("input").popover({...});
});

更新:抱歉，它在这里工作，但是:

popover()({...});

应该是

popover({...});

HTML:

<input type="text" data-toggle="tooltip" data-placement="right" data-animation="fade" data-delay="200" data-trigger="focus" data-content="foo">

JS:

jQuery(function ($) {
    $("input").popover({
        animation:"fade",
        delay: "200",
        trigger:"focus",
        placement: "right"
    });
});

确保您已经正确添加了JavaScript和CSS文件

Answer 2

显示元素的工具提示。

$('#element').tooltip('show')

隐藏元素的工具提示。

$('#element').tooltip('hide')

切换元素的工具提示。

$('#element').tooltip('toggle')

隐藏和销毁元素的工具提示。

$('#element').tooltip('destroy')

完整参考:Here