我整天都被困在这一天!
我在Wordpress中使用自定义wp_nav,我需要将一个自定义菜单项从href =“http://555.555.5555”更改为href =“tel:555.555.5555”。我在菜单项中添加了一个class =“phone”,我想使用该类更改它(因为我无法在WP中添加自定义ID)。
我更喜欢在onLo上完成,而不是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 :(得分:3)
当然,您对一个小jQuery感到满意,在WordPress中加载它并将其粘贴到标题中,或为add_action
创建wp_head
。
<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>
如果这对您有用,请告诉我。
答案 1 :(得分:0)
使用我的插件 - 它更简单 - 再加上jQuery直接插入标题有点乱。 http://wordpress.org/extend/plugins/telephone-number-linker/