Question

我有一个具有以下结构的div：

<div id="notify" ><a href="javascript:void(0);" title=""></a></div>

我想使用jQuery工具提示UI小部件重复打开和关闭使用ajax重复更新另一个div。我的工具提示代码片段如下

jQuery( "#notify a" ).tooltip({
                    show: { effect: "blind", duration: 800 },
                    hide: { effect: "blind", duration: 800 }
                });

var tooltipTxt = r[x].name+" is "+r[x].status.toLowerCase();

            jQuery( "#notify a" ).tooltip({content: tooltipTxt});

                jQuery("#notify a").tooltip("open");

                setTimeout(function(){
                    jQuery( "#notify a" ).tooltip("close");

                }, 3000);

这里'r'是用AJAX检索的JSON

问题是工具提示只打开和关闭一次。如果无法解决这个问题，那么在这种情况下使用的UI小部件将是正确的。

Answer 1

jQuery( "#notify a" ).tooltip({
                    show: { effect: "blind", duration: 800 },
                    hide: { effect: "blind", duration: 800 }
                });

var tooltipTxt = r[x].name+" is "+r[x].status.toLowerCase();

                jQuery( "#notify a" ).tooltip("enable");
                jQuery( "#notify a" ).attr("title", tooltipTxt);

                jQuery( "#notify a" ).tooltip({ content: tooltipTxt});

                jQuery("#notify a").tooltip("open");

                setTimeout(function(){
                    jQuery( "#notify a" ).tooltip("disable");

                }, 3000);

我找到了上面的解决方法 .tooltip（＆＃34;启用＆＃34;）和.tooltip（＆＃34;禁用＆＃34;）代替.tooltip（＆＃34;打开＆＃34;）和.tooltip（＆＃34;关闭＆＃34; ;）

我还使用手动设置工具提示的title属性 jQuery（＆＃34; #notify a＆＃34;）。attr（＆＃34; title＆＃34;，tooltipTxt）;

jQuery UI工具提示反复打开和关闭

1 个答案: