Как показать подсказку после нажатия на точку?

Question

У меня есть код (jquery ui):

.arrow{
    background-color: red;
}

$(function () {
        $(document).tooltip({
            position: {
                my: "center top+20",
                at: "center"
            },
            content: function () {
                return $(this).prop('title');
            }
        });
    });




<div class="item-point" data-top="130" data-left="300"  id="point1">
<div><a href="#" class="toggle tooltips"title="sample text <b>yes!!</b>" data-placement="top"></div>

Мне бы хотелось, чтобы во всплывающей подсказке отображалось после нажатия на точку, а не после зависания.

Как это сделать?

Answer 1

Html-код:

<div id="tt">Test</div>

JS-код:

  var id = "#tt";
var $elem = $(id);

$elem.on("mouseenter", function (e) {
    e.stopImmediatePropagation();
});

$elem.tooltip({ items: id, content: "Displaying on click"});

$elem.on("click", function (e) {

    $elem.tooltip("open");
});

Попробуйте этот код, он покажет всплывающую подсказку и будет оставаться там до тех пор, пока вы не нажмете.Вот рабочий код для вас. Всплывающая подсказка