去除鼠标悬停导航栏时的提示信息

WordPress 上, 我们一般会将页面列表或者分类列表做成导航栏. 但无论是页面还是分类, 都存在个小问题, 当鼠标悬停在导航项时就是出现讨厌的提示信息, 也就是标签上的 title 信息. 下面我会告诉大家如何去除这些讨厌的提示信息. (以页面列表为例)

1. PHP 方式
取得输出的 HTML 文本, 用正则式除去 title 属性后在输出.

1
2
3
4
5
6

<?php
	// 获取页面列表, 不输出而是作为一个数组
	$pages = wp_list_pages('echo=0');
	// 用正则表达式去除所有提示信息
	echo preg_replace('/title=\"(.*?)\"/','',$pages);
?>

2. JavaScript 方式
可以在导航栏下方, 或者在页面文档加载完成后, 找到所有导航项的页面元素, 并删除这些元素上的 title 属性.

1
2
3
4
5
6
7
8

// 找到上层的导航栏对象
var navi = document.getElementById('navigation');
// 找到所有菜单链接
var menus = navi.getElementsByTagName('a');
// 去除每个菜单链接上的提示信息
for(var i=0; i<menus.length; i++) {
	menus[i].removeAttribute('title');
}

本站使用的是 PHP 方式, 因为它的处理代价会比 JS 方式的小一些, 代码也可以集中放置, 方便修改. 我也将会在所有发布的主题上采用这个方式去除提示信息, 对此有异议的同学请抓紧时间在此留言.