Jquery UI tooltip does not support html content like "br" tag etc

Jacob

104 Points

14 Posts

I upgraded Jquery Ui to 1.13.3 from 1.9.1. Now jquery tooltip is not parsing htm tag like <br> tags.

Jquery code:

function loadNiceToolTip() {
    $(".niceToolTip").tooltip({
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function (position, feedback) {
                $(this).css(position);
                $("<div>")
                    .addClass("arrow")
                    .addClass(feedback.vertical)
                    .addClass(feedback.horizontal)
                    .appendTo(this);
            }
        }
    });
};

Html:

<span id="span232" title="Nicebot<br>Priya<br>Brian" class="niceToolTip">show tool tip</span>

Views: 243
Total Answered: 1
Total Marked As Answer: 1
Posted On: 20-Mar-2024 23:48

Share:

Answers

Jacob

104 Points

14 Posts

Resolved it by using html and content properties as:

function loadNiceToolTip() {
    $(".niceToolTip").tooltip({
        position: {
            my: "center bottom-20",
            at: "center top",
            using: function (position, feedback) {
                $(this).css(position);
                $("<div>")
                    .addClass("arrow")
                    .addClass(feedback.vertical)
                    .addClass(feedback.horizontal)
                    .appendTo(this);
            }
        },
        html: true,
        content: function () {
            return $(this).prop('title');
        }
    });
};