使用可通过 bootstrap 弹出框排序的淘汰赛

Question

要使用 bootstrap 弹出窗口，我正在使用 knockout-bootstrap but am ok with using something else as in the answer of Adam Marshall here

通常情况下，在按钮点击事件中，我会如下使用它..

<button class="btn" data-bind="popover: {template: 'popoverBindingTemplate', title: 'Popover', trigger: 'click'}">

我希望在淘汰可排序示例中的表格中触发学生的弹出窗口。 jsfiddle:

我无法在点击事件上使用它，因为它会引发错误：多个绑定（文本和弹出窗口）正在尝试控制同一元素的后代绑定。您不能在同一元素上同时使用这些绑定。

有没有什么方法可以在 'aftermove'（放下）事件中打开弹出窗口。

我尝试调用下面的方法，但它甚至在 console.log() 上也没有显示任何内容。

 <div class="student" data-bind="visible: gender() == 'male', text: '[M]'+name(),afterMove: openpopover"></div>`

真诚感谢任何帮助..

谢谢

Answer 1

<div>  
 <span class="student" data-bind="text: name()"></span> 
 <button class="btn btn-xs btn-success"  data-bind="popover: {template: 'popoverBindingTemplate', title: 'Popover', trigger: 'click'}">-</button>
</div>

使用可通过 bootstrap 弹出框排序的淘汰赛

using knockout sortable with bootstrap popover

knockout.js

knockout-sortable