隱藏並顯示切換/更改按鈕顏色，不能使用功能

我有一個奇怪的問題，我有一個切換，隱藏並顯示信息並更改顏色onclick。它在我構建代碼的頁面上完美工作。例如，按鈕背景在切換打開時改變顏色，當切換關閉時切換回來，因爲我從數據庫回顯數據，我必須在函數內調用我的腳本以使其工作，但現在腳本不會根據需要更改顏色或工作。我相信這是導致問題的功能，是否有功能的替代方案。隱藏並顯示切換/更改按鈕顏色，不能使用功能

我很新，似乎不知道爲什麼這不起作用，任何幫助將不勝感激。

function toggle_visibility(id) { 
 
      var button = document.querySelector('.button'); 
 
      button.addEventListener('click', function(event) { 
 
       var target = document.querySelector(button.getAttribute('data-target')); 
 
       if (target.style.display == "none") { 
 
        target.style.display = "block"; 
 
        button.innerHTML = button.getAttribute('data-shown-text'); 
 
        button.style.backgroundColor = "red"; 
 
        button.style.border = "thick dashed #0000FF"; 
 
       } else { 
 
        target.style.display = "none"; 
 
        button.innerHTML = button.getAttribute('data-hidden-text'); 
 
        button.style.backgroundColor = "blue"; 
 
        
 
       } 
 
      
 
      }); 
 
       }

echo("<div id='first_product'>"); 
 
     echo("<div class='button' data-target='#text' data-shown-text='Hide' onclick='toggle_visibility(\"text\") data-hidden-text='Mich'>" . $_SESSION['Food_Cat_name'] . " </div>"); 
 

 

 
     
 
      echo("<div id='text' class ='hidden'>");

來源

2016-06-09 user6394840

我可以看到格式化的問題 - 沒有'onclick ='toggle_visibility（\「text \」）'結尾。是否由於複製/粘貼？ –

或者您是否在devtools控制檯（瀏覽器）中看到任何錯誤消息？ –

@IvanNevostruev我認爲這可能是，生病檢查我的原創，看看我是否意外地留下任何東西。完全沒有錯誤 – user6394840

存在丟失的單引號的位置：

onclick='toggle_visibility(\"text\")

補充說，在之後爲我工作：

onclick='toggle_visibility(\"text\")'

來源

2016-06-09 03:00:47 JeffreyPia

該代碼以HTML格式工作。但是，當我試圖從查詢生態數據，而不是我的問題。它切換但不會改變顏色。在HTML中工作正常 – user6394840

隱藏並顯示切換/更改按鈕顏色，不能使用功能

回答

相關問題