点击不工作？

Question

在网站的每个页面上,菜单具有不同的类,每个页面上下移动菜单图像以显示所选择的菜单.

只是为了给页面转换效果时的快速加载印象,我需要使用JS立即定位背景图像,而不必等待下一页.

这似乎不起作用,我把警报代码,看它是否甚至加载该功能,但事实并非如此

小提琴:

http://jsfiddle.net/Fs92Y/1/

HTML:

<li><a href="index.html" onclick="javascript:menuchange('1');">Home</a></li>
<li><a href="what-we-do.html" onclick="javascript:menuchange('2');">What we do</a></li>
<li><a href="our-clients.html" onclick="javascript:menuchange('3');">Our clients</a></li>
<li><a href="testimonials.html" onclick="javascript:menuchange('4');">Testimonials</a></li>

JS:

function menuchange($itemclicked){
    document.getElementById("Menu").className = "page" & $itemclicked;
    alert("Code has been launched!");
}

Answer 1

你想要使用"page" + $itemclicked,而不是"page" & $itemclicked.

document.getElementById("Menu").className = "page" + $itemclicked;

&是JavaScript中的Bitwise运算符,它对两个数字执行按位AND,返回一个数字."page" & 1回报0.