使用带有引导弹出框的淘汰赛排序

Question

要使用引导弹出框，我使用的是 knockout-bootstrap，但我可以使用其他东西，如 Adam Marshall here 的回答中的内容。

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

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

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

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

有什么方法可以在“aftermove”（drop）事件中打开弹出框。

我尝试调用如下方法，但即使在 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>