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

前端之家收集整理的这篇文章主要介绍了jquery-ui – jquery ui工具提示手动打开/关闭前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法手动打开关闭jquery ui工具提示?我只是希望它能够对点击事件进行开启/关闭。您可以取消绑定所有的鼠标事件,并在调用.tooltip(‘open’)时重新绑定它们,即使不应该初始化或设置事件imo,因为如果您尝试在不初始化的情况下运行.tooltip(‘open’),那么它会抱怨大声说,没有被初始化。

解决方法

jltwoo,我可以建议使用两个不同的布尔开关来启用自动打开和自动关闭?有了这个修改你的代码将如下所示:
  1. (function( $ ) {
  2. $.widget( "custom.tooltipX",$.ui.tooltip,{
  3. options: {
  4. autoShow: true,autoHide: true
  5. },_create: function() {
  6. this._super();
  7. if(!this.options.autoShow){
  8. this._off(this.element,"mouSEOver focusin");
  9. }
  10. },_open: function( event,target,content ) {
  11. this._superApply(arguments);
  12.  
  13. if(!this.options.autoHide){
  14. this._off(target,"mouseleave focusout");
  15. }
  16. }
  17. });
  18.  
  19. }( jQuery ) );

这样,初始化工具提示为:

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

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

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

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

猜你在找的jQuery相关文章