jquery - JQueryツールチップが表示されない

Question

jquery uiを使用して、リストされているいくつかの要素にツールチップを設定しようとしていますが、ツールチップを表示できません。ツールチップクラスを使用して、すべてのアイテムにツールチップを適用しようとしています。問題がないかコードを確認してください...

HTML

<li>
<label>
  <input id="someid" type="radio" name="name" />
  <strong><span>text</span></strong></label>
  <a href="#" class="tooltip" title="some text"></a>
  <h4>text</h4>
</li>

JS

function showTooltip() {
$("#tooltip").each(function()
    {
        $(this).tooltip();
    };
};

ありがとう ：）

Answer 1

ツールチップが機能しないことに苦労している他の人のために。

最近、jquery-uiで多くの問題が見つかりましたが、デフォルトのアイテムコンテンツのnull入力を処理しなかったようです。

したがって、デフォルトでは「title」であるため、ツールチップオブジェクトにする要素にtitle属性を入力しなかった場合は、次のようにコンテンツを指定しても失敗します。

$("#element").tooltip({content:"test"});

私の意見では、null（または未定義）値を処理しないのはかなり弱いですが、そうです。

このようなタイトル属性を要素に追加することで処理しました。

title=''

items次のようにツールチップコンストラクターでを指定できると思います。

$("#selector").tooltip({items:'other-title', content: 'test'});

ただし、次のように、要素に新しい属性を追加する必要があります。

other-title=''

PS：JQuery-UI1.11.4を使用

Answer 2

使用してみてください：

JS：

$(document).ready(function(){
    $(document).tooltip();
});

そのため、その中にあるすべてのものtitle="yourtitle"にカーソルを合わせると、jqueryツールチップが表示されます。

例

Answer 3

関数にはクラスセレクターが必要です：$（ "。class"）... $（ "＃id"）ではありません

$(function(){
    showTooltip();
    function showTooltip() {
       $(".tooltip").each(function() {
           $(this).tooltip();
       });
    }
});

Answer 4

$（document）.tooltip（）;を使用したとき 、すべての要素のツールチップを作成し、使用した特定のツールチップを取得しました。

    $(function () {
      $(document).tooltip({
          track: true, 
          items: ".tooltip",
          content: function () {
              return $(this).attr("title");
          }
      });
  });

Answer 5

他の人が言っているように、必要なのは次のことだけです。

$(document).tooltip();

ただし、これだけでは機能しないという例外があります。これが機能しない特定のケース：

• optionブロック内の要素select。（ツールチップは選択オプションの下に表示されます）
• disabled="true"要素は、再度有効になるまで、jQuery-UI以外の形式でツールチップを表示し続けます。

jQuery-UIを再プログラミングする以外に、これらの問題に対する実際の解決策は見つかりませんでした。

Answer 6

私の場合、Bootstrapもページにロードされたため、問題が発生しました。