Jquery UI工具提示奇怪的行为时,字是在不同的行

jquery ui tooltip wierd behaviour when word is in different line

本文关键字:工具提示 UI Jquery      更新时间:2023-09-26

我正在实现jquery ui工具提示。它工作得很好,然而,当我悬停的元素是在2个不同的行,它是去他们的中间....有什么方法可以自定义这种行为吗?

我知道一种可能性是使用track:true,我不想使用这个…

这是我的文件,

"辣妹"是有奇怪行为的工具提示。

$(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) {
            });
        }
    },
});});

为什么不像这样重新定位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.

我认为你能做的最好的事情是为每个单词ie应用两个工具提示。,"辣妹"answers"Girls"。

<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>

小提琴来了