Wordpress 将 url 从 http:// 更改为 tel：答案

【问题标题】：Wordpress change url from http:// to tel:Wordpress 将 url 从 http:// 更改为 tel：
【发布时间】：2012-08-10 05:13:00
【问题描述】：

我整天都被困在这上面！

我在 Wordpress 中使用自定义 wp_nav，我需要将一个自定义菜单项从 href="http://555.555.5555" 更改为 href="tel:555.555.5555"。我在菜单项中添加了一个 class="phone" 并且我想使用该类更改它（因为我无法在 WP 中添加自定义 id）。

我希望它在 onLoad 而不是 onClick 上完成。非常感谢您的帮助。

Wordpress 输出的代码是：

<li id="menu-item-654" class="phone menu-item menu-item-type-custom menu-item-object-custom menu-item-654"><a href="http://555.555.5555">Call</a></li>

我需要使用 Javascript 让它看起来像这样：

<li id="menu-item-654" class="phone menu-item menu-item-type-custom menu-item-object-custom menu-item-654"><a href="tel:555.555.5555">Call</a></li>

【问题讨论】：

你卡了一天了，你试过什么？必须有一些东西来证明你的努力，所以我们可以帮助你。
尝试通过后端编辑器添加tel:555.555.555 只会给我一个空白的标记。因此，例如，这是行不通的。

标签： wordpress http tel

【解决方案1】：

使用我的插件 - 它更简单 - 加上将 jQuery 直接放入标题中有点混乱。 http://wordpress.org/extend/plugins/telephone-number-linker/

【讨论】：

【解决方案2】：

假设您对小 jQuery 感到满意，请将其加载到 WordPress 中并将其粘贴到您的标题中，或者为 wp_head 创建一个 add_action。

<script type="text/javascript">
jQuery(document).ready(function(){

  var href_value;

  href_value = jQuery('li.phone a').attr('href');

  href_value = href_value.replace('http://','tel:');

  jQuery('li.phone a').attr('href',href_value);

});
</script>

如果这对你有用，请告诉我。

【讨论】：