Jquery UI工具提示.设置超时并设置悬停事件.在鼠标悬停上冻结工具提示

前端之家收集整理的这篇文章主要介绍了Jquery UI工具提示.设置超时并设置悬停事件.在鼠标悬停上冻结工具提示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经google了大约2天,不知道如何为 http://api.jqueryui.com/tooltip/设置超时?

也许我应该使用jquery hoverIntent?

这是我的代码

$('*[class*="help_"]').tooltip({
    open: function(e,o){
        $(o.tooltip).mouSEOver(function(e){
            $('*[class*="help_"]').tooltip('open');
        });
        $(o.tooltip).mouSEOut(function(e){
        });         
    },close: function(e,o) {}
});

解决方法

我也寻找一个类似的解决方案,正常显示工具提示,但是当鼠标悬停在工具提示上时,它应该保持(工具提示内容是一些按钮).

我不想要一个完整的框架(qtip)来做到这一点,我已经在我的网站上使用了jqUI.

所以我这样做:

$( document ).tooltip({
  show: null,// show immediately 
  items: '.btn-Box-share',hide: {
    effect: "",// fadeOut
  },open: function( event,ui ) {
    ui.tooltip.animate({ top: ui.tooltip.position().top + 10 },"fast" );
  },close: function( event,ui ) {
    ui.tooltip.hover(
        function () {
            $(this).stop(true).fadeTo(400,1); 
            //.fadeIn("slow"); // doesn't work because of stop()
        },function () {
            $(this).fadeOut("400",function(){ $(this).remove(); })
        }
    );
  }
});

猜你在找的jQuery相关文章