2012-08-13 81 views
0

我一直在这一整天!WordPress的更改URL从http://到电话:

我在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> 
+0

你一整天都被卡住了,你试过了什么?总得有些事情要表明你的努力,所以我们可以帮助你。 – TheZ 2012-08-13 22:55:41

+0

通过试图通过后端编辑器添加'tel:555.555.555'只给了我一个空白的标记。所以这不会起作用。 – Foxinni 2012-08-13 23:02:25

回答

3

就算你舒服一点的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> 

让我知道,如果这对你有用。

+0

由于Foxinni!那样做了。 – 2012-08-13 23:18:23