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

Question

请通过javascript为引导工具提示/弹出框传递选项的正确方法是什么：通过数据属性的工作原理如下：

<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文件。