在wordpress菜单中调用Javascript函数

时间:2014-04-25 16:44:06

标签: javascript php html wordpress

在我的html网站中,我可以像这样通过锚点调用任何javascript函数

<a href="javascript:function();"></a>

但是当我尝试在wordpress菜单选项中添加它时,在保存菜单后,一切都从那里消失,字段变空。如何通过wordpress菜单调用函数。

任何人都可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

如果没有看到你的JS,很难说出问题是什么,但你可以试试这个:

<ul>
    <li><a id="red" href="#" onclick="myFunction()">List Item with Function</a></li>
    <li><a href="#">List Item without Function</a></li>
</ul>

function myFunction(){
    document.getElementById('red').setAttribute('style', 'color: red');
}

这是一个小提琴:http://jsfiddle.net/BSshG/1/

或者使用JavaScript处理点击,不用担心更改HTML:

document.getElementById('red').onclick = function(){
    this.style.color = "red";
}

另一个小提琴:http://jsfiddle.net/BSshG/2/