2017-08-04 83 views
-1

我正面臨我的第一個java腳本問題,這意味着我是新手。 問題是我無法使用兩次java腳本函數。不能使用兩次js函數

function displaying(id){ 
    switch(id){ 
     case 1: 
     document.getElementById("foot").style.display = "block"; 
     break; 
     case 2: 
     document.getElementById("foot").style.display = "none"; 
     break; 
    } 
} 

我調用這個函數第一次同時單擊「關於我們」

<b id="about" onclick="displaying(1)" >Biz barada<b> 

和第二遍的時候我儘量讓顯示沒有

<img id="close" onclick="displaying(2)" src="img/close.png"> 

的風格我試圖默認顯示爲:無

+1

包括在開關'default'情況下,還你到底是在瀏覽器中得到什麼錯誤安慰?如果你不提供什麼問題,我無法幫助你。謝謝 –

+0

爲什麼不使用真/假?這樣你可以使用更簡單的條件。 – evolutionxbox

+1

該函數將被調用兩次。添加一些日誌記錄,或寫入功能內的控制檯,你會看到發生了什麼。 –

回答

6

您尚未關閉您的<b>標籤,因此其始終得到id爲1以下是更新後的代碼:

function displaying(id) { 
 
    console.log(id); 
 
    switch (id) { 
 
    case 1: 
 
     document.getElementById("foot").style.display = "block"; 
 
     break; 
 
    case 2: 
 
     document.getElementById("foot").style.display = "none"; 
 
     break; 
 
    } 
 
}
<b id="about" onclick="displaying(1)">Biz barada</b> 
 

 
<img id="close" onclick="displaying(2)" src="img/close.png"> 
 
<div id="foot">Foot</div>