0

我的页面上有一个选择元素,每当用户选择列表中的一个项目时,我希望工具提示显示相应的提示:

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

4

2 回答 2

0

我找到了一个解决黑客的工作。对此并不完全自豪,但我在下拉列表旁边创建了一个 div,具有 display: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");
    });

不完全确定为什么这有效而另一个无效。但是我确实发现,如果我在选择上添加标题并使用 $(document).tooltip 初始化工具提示,则工具提示插件似乎会干扰选择下拉列表,因此这种方法也解决了该问题。

于 2013-08-06T19:32:52.717 回答
0

尝试使用打开功能(http://api.jqueryui.com/tooltip/#method-open

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

        dtl.open();
    });
于 2013-08-06T19:01:47.553 回答