数据绑定上下文中的引导弹出窗口

Bootstrap popover inside a data bound context

本文关键字：窗口 上下文 数据绑定      更新时间：2024-04-06

我在让popover在敲除数据绑定上下文中工作时遇到了一些问题。这是代码：

<script type="text/html" id="random-template">
<button id="Howdy" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left"
        data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-trigger="focus">
    Popover on left
</button>
<h3>Some Detail</h3>
<div data-bind="with: someDetail">
    <buttonid id="Hello" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left"
              data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-trigger="focus">
        Popover on left
    </buttonid>

id为"Howdy"的按钮有一个弹出窗口，可以正常工作。敲除数据绑定上下文"with"中的按钮没有。我想我的问题是我的数据容器，我只是不确定。最终目标是让它与同一部分中的文本输入一起工作。

这里是js函数，如果它有帮助的话：

    $(function () {
        $('[data-toggle="popover"]').popover()
    })

感谢您的帮助。

谢谢。

您的第二个按钮标签错误：只需替换：

<buttonid="Hello" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left"
          data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-trigger="focus">
    Popover on left
</buttonid>

带有：

<button id="Hello" type="button" class="btn btn-default" data-container="body" data-toggle="popover" data-placement="left"
          data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-trigger="focus">
    Popover on left
</button>

Fiddle here：https://jsfiddle.net/9n3wujc3/1/

相关文章：