1

私は tooltip() を使用して、次のようにマルチインスタンスを開こうとしています:

$("*").tooltip({
    selector: "*[rel=tooltipTOP]",
    placement: "top"
  });
  $('*').tooltip({
    selector: "*[rel=tooltipBOTTOM]",
    placement: "bottom"
  });

次に、htmlで私は例えば

<a rel="tooltipTOP" data-original-title="top">tooltip TOP</a>
<a rel="tooltipBOTTOM" data-original-title="bottom">tooltip BOTTOM</a>

tooltip TOP は問題ありませんが、tooltipBOTTOM にはツールチップが表示されません...なぜですか?

また、tooltipBOTTOM に特定のクラスを配置しようとしましたが、機能しません。tooltipTOP rel のみをインスタンス化します:/

JSFIDDLE http://jsfiddle.net/BH2GM/1/

4

5 に答える 5

7

HTML

    <ul class="bs-docs-tooltip-examples">
                  <li><a href="#" rel="tooltip" data-placement="top" data-original-title="Tooltip on top">Tooltip on top</a></li>
                  <li><a href="#" rel="tooltip" data-placement="right" data-original-title="Tooltip on right">Tooltip on right</a></li>
                  <li><a href="#" rel="tooltip" data-placement="bottom" data-original-title="Tooltip on bottom">Tooltip on bottom</a></li>
                  <li><a href="#" rel="tooltip" data-placement="left" data-original-title="Tooltip on left">Tooltip on left</a></li>
</ul>

JS

$('a').tooltip();

デモ

于 2012-09-24T19:35:21.427 に答える
3

まず第一に、なぜあなたはに基づいてそれをやっているのrelですか？あなたは本当にクラスを使うべきです。

<a class="tooltipTOP">tooltip TOP</a>
<a class="tooltipBOTTOM">tooltip BOTTOM</a>

その後

$(".tooltipTOP").tooltip({
    placement: "top"
});
$(".tooltipBOTTOM").tooltip({
    placement: "bottom"
});​

編集:しかし、rel を使用する必要がある場合の解決策は次のとおりです。

$("*[rel=tooltipTOP]").tooltip({
    placement: "top",
    trigger: "hover"
});
$('*[rel=tooltipBOTTOM]').tooltip({
    placement: "bottom",
    trigger: "hover"
});​
于 2012-09-24T19:35:15.600 に答える
0

あなたの問題は、動的に生成された要素でツールチップを使用していることですか? 私はそれを機能させるために使用された「ライブ」と同じ問題を抱えていました...

$(document).live("mouseover", function () {
    $('.tooltipTop').tooltip({
        placement: "top"
    });
    $(".tooltipBottom").tooltip({
        placement: "bottom"
    });
    $(".tooltipRight").tooltip({
        placement: "right"
    });
    $(".tooltipLeft").tooltip({
        placement: "left"
    });
});
于 2013-04-04T16:19:01.120 に答える