在wordpress中通過自定義JS單擊后更改切換的背景顏色

Question

我目前正在嘗試將自定義JS函數（通過Live Code Editor插件）添加到我的wordpress網站。 目的是在單擊后更改切換器的背景顏色（即從紅色->綠色）。 我已經嘗試過此功能，但是盡管選擇器適用於CSS，但JS功能不起作用：

CSS：

\\23 toggle-id-1 { background-color: red; }

JS：

var \23 toggle-id-1 = document.getElementById("\23 toggle-id-1");

\\23 toggle-id-1.onclick = function(){ \\23 toggle-id-1.style.backgroundColor = "green"; }

在JSFiddle中，此方法沒有任何問題，此插件有什么不同之處嗎？

謝謝！

Answer 1

jQuery解決方案：

  $("#toggle-id-1").click(function () { $(this).toggleClass("green"); }); 

  #toggle-id-1 { background-color: red; height: 100px; width: 100px; } #toggle-id-1.green { background-color: green; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="toggle-id-1" class=""></div> 

Answer 2

變量名稱中不能包含空格。 為變量命名。