X Handlebars模板内的Twitter引导工具提示

Question

我有车把模板

<script id="line_template" type="text/x-handlebars-template">
  .....
  <td>{{OrderDateString}}</td>
  <td>{{StoreName}}</td>
  <td><a href="#" rel="tooltip" title="first tooltip">{{CommissionString}}</a></td>
  .....
</script>

和脚本

<script type="text/javascript">
  $(document).ready(function () {
    $("a").tooltip({
      'selector': '',
      'placement': 'bottom'
    });
  });
</script>

除了Bootstrap工具提示外，所有工作都很好。在车把模板之外，引导工具提示正在工作，所以我知道一切都正确加载了。

我不知道我在做什么错？有帮助吗？

Answer 1

由于您正在将其绑定在文档上，因此它可能不会绑定到车把模板渲染时创建的元素。我通过在渲染模板后绑定工具提示行为来解决此问题。

Answer 2

不完全确定它是否很简单，但似乎您需要在锚点中添加data-toggle属性，因此看起来像这样：

<a href="#" rel="tooltip" data-toggle="tooltip" title="first tooltip">{{CommissionString}}</a></td>

我注意到这个问题很旧，因此，最好开始使用您的Bootstrap版本发布问题，或者即使这些问题有些掩埋，也不是什么，如果有人发现他们更有可能找到有效的问题答案。