Как показать подсказку после нажатия на точку? - PullRequest
0 голосов
/ 01 февраля 2019

У меня есть код (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>

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

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

1 Ответ

0 голосов
/ 01 февраля 2019

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");
});

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...