1

我正在使用 Jquery 工具提示。
如何在鼠标悬停的文本框单击时显示工具提示。什么 css 用于在中心显示工具提示箭头（对于第二个文本框），以便第二个文本框向下移动。

HTML

<br/><br/>
<input id="ag22" title="We ask for your age only for statistical purposes.We ask for your age only for statistical purposes.We ask for your age only for statistical purposes.We ask for your age only for statistical purposes.We ask for your age only for statistical purposes." />

<br/><br/>
<input id="ag22" title="We ask for your age only for statistical purposes." />

jQuery

$(document).tooltip({
    position: {
        my: "left center",
        at: "right center",
        using: function (position, feedback) {
            $(this).css(position);
            $("<div>")
                .addClass("arrow")
                .addClass(feedback.vertical)
                .addClass(feedback.horizontal)
                .appendTo(this);
        }
    }
});

这是我尝试过的链接：http: //fiddle.jshell.net/b7SCN/

4

2 回答 2

4

trigger当您单击此 jsFiddle 时，您可以添加一个来模拟鼠标悬停

http://jsfiddle.net/AK7pv/

在你不能添加两个相同的元素后ID，使用CLASS多个元素

检查这个主题：jQueryUI tooltip Widget to show tooltip on Click

于 2013-09-25T09:05:51.853 回答
0

不要做任何事情mouseover，在初始化工具提示之前添加它。您可能还必须focusin禁用

$('input').on('mouseover',function(e) {
    e.preventdefault();
});

点击时触发工具提示打开

$('input').on('click',function(e) {
    $(this).tooltip('open');
});

编辑：更改$(document).tooltip为$('input').tooltip

于 2013-09-25T09:16:26.523 回答