4

単純な 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 ファイルで完全に実行されます。

何か案は？ありがとう！

4

1 に答える 1

4

最後に私の問題を解決しました。ライブラリ間の競合でした。私は Bootstrap を使用していますが、Jquery UI も使用していました。どちらのライブラリにもツールチップ コンポーネントがあります。オートコンプリート コンポーネントを持つために、JQuery UI から始めました。私はすでにそれを破棄し、Bootstrap Typeahead に置き換えました。

于 2012-10-11T16:10:43.117 に答える