當單詞在不同行中時，jQuery UI工具提示會出現奇怪的行為

Question

我正在實現jquery ui工具提示。 但是，當我將鼠標懸停在兩個不同的行中時，它將很好地工作。...是否有任何方法可以自定義此行為？

我知道一種可能性是使用track:true我不想使用此...

這是我的jsfiddle，

“香料女孩”是具有怪異行為的工具提示。

$(function () {
$(document).tooltip({
    items: ".oolinks",

    tooltipClass: "tooltip-position",
    content: function () {
        return "<div class='hi'>Hi There.</div>";
    },
    position: {
        my: "bottom-20",
        at: "top",
        using: function (position, feedback) {
            $(this).css(position);
            $("<div>")
                .addClass("arrow")
                .addClass(feedback.vertical)
                .addClass(feedback.horizontal)
                .appendTo(this);
            $('.ui-tooltip-content').click(function (e, ui) {

            });
        }
    },
});});

Answer 1

為什么不按以下方式重新放置br標簽：

<strong>The <br/><culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Spice Girls</culink> </strong>about going on a joint<br/>international tour.

Answer 2

我認為您可以做的最好的事情是為每個單詞應用兩個工具提示，即“香料”和“女孩”。

<strong>The <culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Spice </culink> <culink class="oolinks" lang="en" href="http://undefined/en/topic/Spice Girls" style="color:rgb(34, 34, 34)!important;font-size:15px!important;font-weight:bold!important;border-bottom-color:#4de3ce!important">Girls </culink> </strong>

這是小提琴 。