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

尝试此代码，它将在单击时显示您的工具提示，并且将一直保留到您单击退出为止。这是适合您的工作代码。 Onclick tooltip

单击后如何显示工具提示？

1 个答案: