twitter-bootstrap - ember.js 中的 Bootstrap 工具提示

Question

当我在一个简单的 html 文件中使用 Twitter Bootstrap Tooltip 时，我没有问题。但是当我尝试在我的 Ember 应用程序中做同样的事情时，出现了问题。我尝试在这里重现我的代码片段:

// Link in template
<a id="xyz" rel="tooltip" title="My tooltip">LINK</a>

// Ember View fragment
didInsertElement: function() {
    this.$("a#xyz).tooltip();
    this.$("a#xyz).click(function() {
        $(this).attr('data-original-title', 'Tooltip changed').tooltip('fixTitle');
    });        
}

首先，tooltip的样式与单个HTML页面中的样式不一样(黑底白字)。它是一个更大的工具提示，右侧出现大字体。

其次，我无法在单击事件中尝试更改单击链接的工具提示文本。它抛出一个错误，说“工具提示小部件实例没有这样的方法'fixTitle'”。但是该代码在没有 Ember 的情况下在我的单个 HTML 文件中完美运行。

有任何想法吗？谢谢!

Answer 1

终于解决了我的问题。这是图书馆之间的冲突。我使用 Bootstrap，但我也有 Jquery UI。这两个库都有一个工具提示组件。我从 JQuery UI 开始有一个自动完成组件。我已经将其丢弃并替换为 Bootstrap Typeahead。