JQuery UI всплывающие подсказки странное поведение, когда слово находится в другой строке

0

Я реализую подсказку jquery ui. Он работает очень хорошо, однако, когда элемент, который я нахожу, находится в двух разных строках, он идет к середине их... Есть ли способ настроить это поведение?

Я знаю, что одна возможность - использовать track:true Я не хочу использовать это...

Вот мой jsfiddle,

"Spice Girls" - это всплывающая подсказка с странным поведением.

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

            });
        }
    },
});});
Теги:
jquery-ui-tooltip
jquery-tooltip

2 ответа

0

Я думаю, что самое лучшее, что вы можете сделать, это применить две подсказки для каждого слова, т.е. "Spice" и "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>

Вот скрипка.

0

Почему бы не переместить ярлык 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.
  • 0
    Спасибо! Я использовал <br/> только для своего примера. Иногда строка будет разрезана в две строки, даже если нет <br/> ...

Ещё вопросы

Сообщество Overcoder
Наверх
Меню