Question

我一直在wordpress网站上进行实习，我想在页面中嵌入javascript代码来创建一个下拉菜单，用于浏览浏览器到所选页面。

我想知道，为了让js在wp页面中工作，你需要做些什么吗？我尝试使用发布选项的html端嵌入页面中的以下代码：

<script language="javascript" type="text/javascript">
<!--
function menu_goto( menuform )
{
    // see http://www.thesitewizard.com/archive/navigation.shtml
    // for an explanation of this script and how to use it on your
    // own site

    var baseurl = "173.236.164.86/where-to-buy/" ;
    selecteditem = menuform.newurl.selectedIndex ;
    newurl = menuform.newurl.options[ selecteditem ].value ;
    if (newurl.length != 0) {
      top.location.href = baseurl + newurl ;
    }
}
//-->
</script>

<form action="dummyvalue">
<select name="newurl" onchange="menu_goto(this.form)">
<option value="" selected="selected">----- Select A Product -----</option>
<option value="vene-prototype-version/">VENE Prototype Version</option>
<option value="configuration-vene-version/">VENE Configuration Version</option>
<option value="customized-vene-version/"> VENE Customized Version</option>
</select>
</form>

出现下拉菜单，但无法在更改时重定向浏览器。我尝试使用标记围绕页面中的代码并且也没有效果。

http://173.236.164.86/where-to-buy/

感谢您的帮助！

Answer 1

Developer Tools在JS中显示解析错误。可能来自WP自动插入段落返回。删除JS中的所有空格和回车并尝试。

在Wordpress中使用Javascript下拉导航菜单

1 个答案: