如何向 wp 管理菜单添加标题属性？

Posted 2023-05-09

【中文标题】如何向 wp 管理菜单添加标题属性？

【英文标题】：How can I add a title attribute to wp admin menu?

【发布时间】：2021-11-29 20:18:47

【问题描述】：

我正在尝试在我的 WP 插件中以编程方式执行此操作。

来自这个<div class="wp-menu-name">Dashboard</div>。

到这个<div class="wp-menu-name" title="My New Title">Dashboard</div>。 我已经从我的 js 文件中尝试过，尝试了不同的操作和过滤器挂钩，但没有任何效果。这是我的代码的最新版本。

function tooltip_hook()
     
   return ?> 
<script>

      jQuery(div).ready(function ($) 
          //this is what was in my js file and I decided to try it this way. No luck!
         $( "#menu-dashboard" ).attr( "title", "My New Title" ); //set title attribute 
         
      );
    );
      </script>';
      <?php
  
  add_filter( 'admin_menu', 'tooltip_hook' );

我也尝试在 .tooltip 中设置 item: 选项，但不知道如何使用它。我是js初学者。

如果有人能帮我完成向我的管理菜单添加工具提示，我将不胜感激。

【参考方案1】：

您正在使用 id #menu-dashboard 在 jQuery 中查找元素。但是您的元素中没有 id <div class="wp-menu-name">Dashboard</div>

您可以将 id 分配给您的 div 标签<div id="menu-dashboard" class="wp-menu-name">Dashboard</div>

或者您可以使用 jQuery $( ".wp-menu-name" ).attr( "title", "My New Title" ); 中的类找到您的元素

【讨论】：

谢谢。这是 WP 分配给菜单项的 id。我将它用于其他功能。事实上，它适用于以下函数中的 .tooltips。 $( '#menu-dashboard' ).tooltip( ); 问题是，没有标题，就不能输出tooltip。当我在 Inspect 窗口中添加标题时，工具提示效果很好。

你可以为它创建一个jsFiddle吗？

我以前没用过，但这是我最好的.. :) jsfiddle.net/deshinab/z0ht2fxn/11/#&togetherjs=6O3NxJNBBU

我查过了。它不起作用，因为您有很多控制台错误。所以你的 jquery 代码永远不会执行。尝试先修复这些错误。

感谢@Vahida Vadiya