你怎么知道如何使用 twitter-bootstrap?

发布于 2024-12-09 05:28:42 字数 822 浏览 1 评论 0原文

我找不到完整的文档。例如,popover 效果(此处)将使用 DOM 的 data-origin-title 属性作为其自己的标题,使用 data-cotent 作为其内容:

$('#somedom').hover (->
    $(this).addClass("hover")
    $(this).attr("data-original-title","Location")
    $(this).attr("data-content":'The popover plugin provides a simple interface for adding popovers to your appli    cation. It extends the bootstrap-twipsy.js plugin, 
                so be sure to grab that file as well when including popovers in your project!')
    $(this).popover({})
    $(this).popover("show")
    ),->
        $(this).removeClass("hover")

在哪里学习?官方文档没有 data-origin-title 属性。 bootstrap-popover.js 的源代码中都没有。

I can't find a complete document. For example, the popover effect(here) will use a DOM's data-origin-title attribute as its own title, and data-cotent as its content:

$('#somedom').hover (->
    $(this).addClass("hover")
    $(this).attr("data-original-title","Location")
    $(this).attr("data-content":'The popover plugin provides a simple interface for adding popovers to your appli    cation. It extends the bootstrap-twipsy.js plugin, 
                so be sure to grab that file as well when including popovers in your project!')
    $(this).popover({})
    $(this).popover("show")
    ),->
        $(this).removeClass("hover")

Where to learn it? The offcial document doesn't have data-origin-title attribute. Neither in source code of bootstrap-popover.js.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

欢你一世 2024-12-16 05:28:42

您需要的一切就在选项表格中。它获取标题的 title 属性,获取内容的 data-content 属性(第三列)。您在 HTML 上看到的 data-original-title 是插件脚本执行后添加的,请忽略它。

这样做的想法是你已经有了 HTML 上的信息:

<div id="mything" title="My title=" data-content="Some text here">Test popover</div>

所以你的脚本只做这个,你不需要处理事件:

$('#mything').popover()

All you need is right up there in the Options table. It grabs the title attribute for the title, and data-content for the content (3rd column). The data-original-title you see on the HTML is added by the plugin script after executing, ignore it.

The idea for this is that you already have the info on the HTML:

<div id="mything" title="My title=" data-content="Some text here">Test popover</div>

So your script only does this, you don't need to handle events:

$('#mything').popover()
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文