ko(knockoutjs) + bootstrap，一个data-toggle属性的问题

knockoutjs + bootstrap 结合使用的时候，

ko的foreach循环里，使用bootstrap的data-toggle属性，则data-toggle效果被屏蔽了。

-----------------------华丽的图片分割线--------------------------------

如上图所示，
源代码这样：

<button type="button" class="btn btn-default" data-toggle="tooltip" title="Tooltip on top">Tooltip on top</button>
<!-- ko foreach: DataList -->
<button type="button" class="btn btn-default" data-toggle="tooltip" title="Tooltip on top">Tooltip on top</button>
<!-- /ko -->

真的很郁闷，bootstrap的data-toggle属性怎么在ko的foreach里使用呢？

你有没有执行$('[data-toggle="tooltip"]').tooltip()呢？可能是tootip插件没有初始化。

这个最后解决了。是因为 执行$('[data-toggle="tooltip"]').tooltip() 是在 页面加载列表之前的。所以后加载的列表上的 tooltip 未生效。

解决方法是，在加载 列表成功后，再调用一遍 执行$('[data-toggle="tooltip"]').tooltip()。