Question

我的页面上有一个select元素，我有时间用户选择列表中的项目，我希望工具提示显示相应的提示：

ctl.change(function (e)
{
    var dtl = $(this);
    dtl.tooltip(
    {
        content: "...custom content..."
    });

    dtl.mouseenter();
});

但是我没有弹出工具提示。我不确定我是否在正确的轨道上......

使用IE 9，jquery 1.10.2和jquery-ui 1.10.3

Answer 1

尝试使用开放式功能（http://api.jqueryui.com/tooltip/#method-open）

ctl.change(function (e)
    {
        var dtl = $(this);
        dtl.tooltip(
        {
            content: "...custom content..."
        });

        dtl.open();
    });

Answer 2

我找到了一个围绕黑客的工作。并不是完全为此感到自豪，但是我在下拉列表旁边创建了一个div，显示：none样式，然后用以下jquery设置它：

ctl.change(function (e)
    {
        var ddl = $(this);
        ddl.next().tooltip(
            {
                content: "...custom content...",
                position:
                    {
                        of: ddl
                    }
            }).tooltip("open");
    });

    ctl.blur(function (e)
    {
        var ddl = $(this);

        ddl.next().tooltip("close");
    });

不完全确定为什么这样做而另一个没有。但是我确实发现，如果我在select上添加一个标题并使用$（document）.tooltip初始化工具提示，那么tooltip插件似乎会干扰选择下拉列表，所以这种方法也解决了这个问题。

强制jquery工具提示插件显示

2 个答案: