首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过javascript触发引导工具提示选项

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

Stack Overflow用户
提问于 2014-06-02 06:26:18
回答 2查看 10.6K关注 0票数 2

请告诉我,通过javascript传递选项的正确方式是什么?

代码语言:javascript
运行
复制
<input type="text" data-toggle="tooltip" data-placement="right" data-animation="fade" data-delay="200" data-trigger="focus" data-content="foo">

但使用javascript则不会:

代码语言:javascript
运行
复制
<script>
    jQuery(function ($) {
        $("input").popover()({
            animation:"fade",
            delay: "200",
            trigger:"focus",
            placement: "right"
        });
    });
</script>

正确的语法是什么?

EN

回答 2

Stack Overflow用户

发布于 2014-06-02 06:31:22

对于tooltip,它应该是:

代码语言:javascript
运行
复制
jQuery(function ($) {
    $("input").tooltip({...});
});

而不是:

代码语言:javascript
运行
复制
jQuery(function ($) {
    $("input").popover({...});
});

更新:很抱歉造成的误会,it works here但是:

代码语言:javascript
运行
复制
popover()({...});

应该是

代码语言:javascript
运行
复制
popover({...});

HTML:

代码语言:javascript
运行
复制
<input type="text" data-toggle="tooltip" data-placement="right" data-animation="fade" data-delay="200" data-trigger="focus" data-content="foo">

JS:

代码语言:javascript
运行
复制
jQuery(function ($) {
    $("input").popover({
        animation:"fade",
        delay: "200",
        trigger:"focus",
        placement: "right"
    });
});

确保正确添加了JavaScriptCSS文件。

票数 4
EN

Stack Overflow用户

发布于 2014-06-02 06:35:04

显示元素的工具提示。

代码语言:javascript
运行
复制
$('#element').tooltip('show')

隐藏元素的工具提示。

代码语言:javascript
运行
复制
$('#element').tooltip('hide')

切换元素的工具提示。

代码语言:javascript
运行
复制
$('#element').tooltip('toggle')

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

代码语言:javascript
运行
复制
$('#element').tooltip('destroy')

完整参考:Here

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23985149

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档