Image tooltip enable/disable

时间:2018-10-27 作者:Pablo Serrano

我正在本地主机上安装新的WP。安装图像库插件后,当鼠标悬停在图像上时,会出现显示图像名称的工具提示。我想在悬停时隐藏工具提示,但不要将其全部删除。删除它会取消工具提示,但也会从灯箱显示中删除图像标题。

以下方法对解决问题有意义吗?-在图像悬停时删除定位标题属性,(取消工具提示)-在图像上单击恢复定位标题属性,(在lightbox中恢复原始图像标题)-在鼠标悬停时恢复图像定位属性,(恢复原始图像标题)

有人能帮我修改代码段以执行列出的步骤吗。

jQuery(document).ready(function($) {
    $(\'a[title]\').each(function() { $(this).removeAttr(\'title\'); });
});
环境:-WP 4.9.8-Astra WP主题-Final Tiles Gallery插件-Google Chrome 69浏览器-OSX High Sierra

1 个回复
SO网友:user1825922

此代码段几乎可以正常工作。在鼠标上,标题属性为hiddenon mouseleave title attribute restoreson单击标题属性restoreson lightbox overlay退出失败

当lightbox关闭时,它无法恢复title属性。再次单击图像会恢复图像标题。当lightbox覆盖关闭时,代码段中缺少什么可以恢复锚标题属性?

jQuery(document).ready(function($) {
  $(\'a[title]\').on(\'mouseenter\', function () {
     var $this = $(this);
     $this.attr(\'title-cache\', $this.attr(\'title\'));
     $this.attr(\'title\', \'\');
  });

  $(\'a[title]\').on(\'mouseleave\', function () {
     var $this = $(this);
     $this.attr(\'title\', $this.attr(\'title-cache\'));
     $this.attr(\'title-cache\', \'\');
  });

  $(\'a[title]\').on(\'click\', function () {
     var $this = $(this);
     $this.attr(\'title\', $this.attr(\'title-cache\'));
     $this.attr(\'title-cache\', \'\');
  });

  $(\'#lightboxOverlay\').on(\'close\', function () {
     var $this = $(this);
     $this.attr(\'title\', $this.attr(\'title-cache\'));
     $this.attr(\'title-cache\', \'\');
  });
});

结束