jquery-ui – jquery ui工具提示手动打开/关闭

(function( $ ) {
  $.widget( "custom.tooltipX",$.ui.tooltip,{
    options: {
        autoShow: true,autoHide: true
    },_create: function() {
      this._super();
      if(!this.options.autoShow){
        this._off(this.element,"mouSEOver focusin");
      }
    },_open: function( event,target,content ) {
      this._superApply(arguments);

      if(!this.options.autoHidE){
        this._off(target,"mouSELEave focusout");
      }
    }
  });

}( jQuery ) );

这样，初始化工具提示为：

$(someDOM).tooltipX({ autoHide:false });

当鼠标在元素上方时，它本身会显示，但是您必须手动关闭它。

如果要手动控制打开和关闭操作，可以简单地使用：

$(someDOM).tooltipX({ autoShow:false,autoHide:false });