带有动态内容的jquery工具提示

时间:2016-04-01 22:01:02

标签: jquery jquery-ui jquery-ui-tooltip

我正在尝试使用动态内容实现jquery工具提示。因此,工具提示内容动态地构建在回调函数中,并且更改取决于表单状态。

我的问题是,每次出现工具提示时,都会添加更多带有工具提示内容的HTML。

每次工具提示出现时,如何避免将此HTML添加到我的文档中?

感谢。

1 个答案:

答案 0 :(得分:0)

我在这里找到了关于同一问题的讨论。最后列出了一个解决方案。

https://bugs.jqueryui.com/ticket/10689?cversion=0&cnum_hist=2

$(".tooltip").each(function(idx, element) {
        // We cycle through the elements using each() so that we can choose the element specifically that we wish to clean up afterward
        var ele = $(element);
        ele.tooltip({
            "close": function(evt, ui) {
                // Only get rid of extraneous elements. We'll keep the one that was creted last.
                ele.data("ui-tooltip").liveRegion.children(":not(:last)").remove();
            }
        });
    });