Question

在我的html表单中，标题属性中有一个带有多行描述的日期字段，该字段在工具提示中弹出。如果弹出Datepicker日历，当我将鼠标向下移动到日历上时，Tootltip会消失。不幸的是，只要我通过日历的NEXT按钮更改月份并覆盖按钮，它就会弹回。所以，我永远不会超过一个月。

如何解决此问题？

以下是一个日期字段的示例：

<input type="text" class="datepicker" id="enddate" title="<b>Lorem ipsum :</b> Enddate<br><br>dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. " />

我正在使用JQuery 1.9.1。

这是一个显示问题的JSFiddle。一旦选择了日历视图中的下个月，就无法再次单击“下一步”： http://jsfiddle.net/gnuken/L0gxjLwq/1/

Answer 1

根据jquery UI文档，使用focusin或mouseover对工具提示进行了分类 http://api.jqueryui.com/tooltip/#event-open

您需要做的就是关闭focusin事件，只需使用工具提示声明结尾处的.off('focusin') DEMO

$(document).tooltip({
    position: {
        my: "left+15 center",
        at: "right center",
        collision: "flipfit"
    },
    content: function () {
        return $(this).prop('title');
    }
}).off('focusin');

与JQuery UI Datepicker和Tooltip小部件冲突

1 个答案: