2

私はレールが初めてです。

私はこの簡単なコードを持っています:

<h1>Pages#home</h1>
<p>Find <a id="t" rel="tooltip" title="Click me!">me</a> in app/views/pages/home.html.erb</p>

そして、pages.js.coffee ファイル:

jQuery ->
    $('a#t').tooltip(placement: 'bottom');

ツールチップは引き続き単語の上部に表示されます。

私は何を間違っていますか？

4

3 に答える 3

1

HTML マークアップにエラーが含まれています。リンクのタイトルを見てください。HTML でエスケープする必要がある「>」文字が含まれています&gt;。代わりに使用してください。

于 2012-07-12T14:53:09.613 に答える
0

2つのこと：

  1. tooltip()これは、メソッド呼び出しのオブジェクト リテラルである必要があります。

  2. 要素のツールチップを既に有効にしている場合、メソッドを再度呼び出すとtooltip()、オプションの更新に失敗します。

それを考えると、次のようなことを試してください：

if ($('a#t').data('tooltip')) { // check for tooltip data first
  $('a#t').data('tooltip').options.placement = 'bottom';
} else { 
  $('a#t').tooltip({placement: 'bottom'});
}

免責事項: Rails も CoffeeScript も知りませんが、上記のコードが JS で動作することは知っています。

于 2012-07-13T19:20:14.127 に答える
0

問題は、オプションの使用方法にあります。
代わりにこれを試してください。それがうまくいくことを願っています

$('a#t').tooltip('placement': 'bottom');
于 2012-07-12T15:45:56.703 に答える