2013-07-25 67 views
0
<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

+0

xTurn應該是功能閉包內可見。我的猜測是你的代碼有其他問題。嘗試'console.log(xTurn)' –

+0

你做兩次同樣的檢查:element.src.match(「/ wp-content/uploads/2013/07/squaree.png」),但是在某些時候你將圖像改爲xx那麼你的條件都不符合 – svillamayor

+0

嗯,最初我想要圖像是一個正方形,然後改變它之後,我希望它保持一個x或圓形,然後下一次點擊一個正方形的圖像時,它會是一個x或圓圈依賴於最後一張圖片,所以我的邏輯似乎是正確的。它的工作現在。下面是它的樣子:http://pastebin.com/HjH7Dr5T – user2619857

回答

0

我認爲你正在使用的匹配錯誤,element.src會給你

http://domain.... 

完整的URL嘗試像

element.src.indexOf("squaree") != -1 
+0

什麼是xTerm?你把它連接到窗口對象意味着什麼?你的例子工作正常,我不得不在if(xTurn)條件之外添加條件來檢查它是否是原始圖像(如你在我的原始代碼中看到的那樣)。 if(boolean && boolean){// code}的正確語法是什麼,因爲它似乎不適合我!第一天用javascript ......嘆氣.. – user2619857

+0

咦?它現在似乎工作,你編輯你的答案?您之前爲我工作的代碼,但是我必須在if(xTurn)條件內添加if語句以滿足我的要求。還沒有弄清楚如何正確使用&&,但我會自己來看看。謝謝! – user2619857

+0

沒有編輯它..你正在使用&& ..但我會用&&!xTurn – gezzuzz