<script>
var xTurn = true;
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("/wp-content/uploads/2013/07/squaree.png") && xTurn)
{
xTurn = false;
element.src="/wp-content/uploads/2013/07/xx.png";
}
else if (element.src.match("/wp-content/uploads/2013/07/squaree.png") && xTurn==false);
{
xTurn = true;
element.src="/wp-content/uploads/2013/07/circ.png";
}
}
</script>
<img id="myimage" onclick="changeImage()" src="/wp-content/uploads/2013/07/squaree.png" width="90" height="90">
由於某種原因,xTurn在該函數中似乎不起作用。我是否參考不正確?順便說一句,這是在wordpress中。我已經檢查過,確保在不使用xTurn的情況下更改圖像。全局布爾函數不能在函數內使用 - Javascript
xTurn應該是功能閉包內可見。我的猜測是你的代碼有其他問題。嘗試'console.log(xTurn)' –
你做兩次同樣的檢查:element.src.match(「/ wp-content/uploads/2013/07/squaree.png」),但是在某些時候你將圖像改爲xx那麼你的條件都不符合 – svillamayor
嗯,最初我想要圖像是一個正方形,然後改變它之後,我希望它保持一個x或圓形,然後下一次點擊一個正方形的圖像時,它會是一個x或圓圈依賴於最後一張圖片,所以我的邏輯似乎是正確的。它的工作現在。下面是它的樣子:http://pastebin.com/HjH7Dr5T – user2619857