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工具提示外，一切正常。在车把模板外面，Bootstrap工具提示正在运行，因此我知道所有内容都已正确加载。

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

Answer 1

由于您在准备好文档时将其绑定，因此它可能无法绑定到手柄模板呈现时创建的元素。我通过在渲染模板后绑定工具提示行为来修复此问题。

Answer 2

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

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

我注意到这个问题很老了，所以开始用你的Bootstrap版本发布问题是个好主意，或者不是这样，即使这些问题有点被埋没，如果有人发现它们，他们更有可能找到有效的问题。答案。

Twitter引导工具提示x-Handlebars模板内

2 个答案: