javascript - 点击不起作用？

Question

在网站的每个页面上，每个页面都有不同的菜单类，上下移动菜单图像以显示选择的是哪个。

为了在页面转换效果时给人一种快速加载的印象，我需要使用 JS 即时定位背景图像，而不必等待下一页。

这似乎行不通，我放置了警报代码以查看它是否正在加载功能，但它没有

fiddle :

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;

& 是 Bitwise operator在 JavaScript 中，它对两个数字执行按位与运算，返回一个数字。 "page"& 1 返回 0。