twitter-bootstrap – ember.js中的Bootstrap Tooltip

发布时间：2020-12-17 21:26:38 所属栏目：安全来源：网络整理

导读：当我在一个简单的html文件中使用Twitter Bootstrap Tooltip时,我没有问题.但是当我尝试在我的Ember应用程序中执行相同操作时出现问题.我尝试在这里重现我的代码片段： // Link in templatea id="xyz" rel="tooltip" title="My tooltip"LINK/a// Ember View f

当我在一个简单的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');
    });        
}

首先,工具提示的样式与单个HTML页面中的样式不同(黑色背景和白色小字体).这是一个更大的工具提示,右侧出现大字体.

其次,我无法在点击事件中尝试单击链接时更改工具提示文本.它提出了一个错误,说“工具提示小部件实例没有这样的方法’fixTitle’”.但是这个代码在没有Ember的单个HTML文件中运行得很好.

有任何想法吗？谢谢！

解决方法

终于解决了我的问题.这是图书馆之间的冲突.我使用Bootstrap,但我也有Jquery UI.两个库都有一个工具提示组件.我从JQuery UI开始,拥有一个自动完成组件.我已经丢弃它并用Bootstrap Typeahead取代.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!