Question

我在使用popover在knockout数据绑定上下文中工作时遇到了一些麻烦。这是代码：

<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 =＆＃34; Howdy＆＃34;有一个有效的popover。敲除数据绑定上下文中的按钮＆＃34; with＆＃34;才不是。我猜我的问题是我的数据容器，我只是不确定。最终目标是在同一部分中使用文本输入。

如果有帮助，这是js函数：

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

感谢任何帮助。

感谢。

Answer 1

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

<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>

with：

<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>

在这里小提琴：https://jsfiddle.net/9n3wujc3/1/

数据绑定上下文中的Bootstrap popover

1 个答案: