WordPress中的嵌入式Javascript

我有多個表，並有一個選項下拉菜單循環瀏覽它們。當我在http://codepen.io/fernandob/pen/JEJRMW中測試代碼時，它一切正常，但在Wordpress頁面中添加它時，它不會運行。在wordpress中，我使用視覺作曲家，並在文本塊中，通過文本編輯器粘貼HTML代碼，在此之後。WordPress中的嵌入式Javascript

  <script> 
      if (typeof suffixes !== "undefined") { 
       suffixes += ",1390152632"; 
      } else { 
       suffixes = "1390152632"; 
      } 
      function changeCurrency_1390152632() { 
       var idx = document.getElementById("id_selected_currency_1390152632").options.selectedIndex; 
       var currency = document.getElementById("id_selected_currency_1390152632").options[document.getElementById("id_selected_currency_1390152632").options.selectedIndex].value; 
       var currencies = ["EUR", "USD", "GBP"]; 
       var i, j; 
       for (i = 0; i < 3; i++) { 
        var els = document.getElementsByClassName("currency_" + currencies[i]); 
        var cnt = els.length; 
        if (currency == currencies[i]) { 
        for (j = 0; j < cnt; j++) { 
         els[j].style.display = "block"; 
        } 

        var a = suffixes.split(","); 
        for (j = 0; j < a.length; j++) { 
         document.getElementById("id_selected_currency_" + a[j]).options.selectedIndex = idx; 
        } 

        } else { 
        for (j = 0; j < cnt; j++) { 
         els[j].style.display = "none"; 
        } 
        } 
       } 
      } 
      </script>

來源

2017-01-23 Fernando B

您是否檢查了控制檯的錯誤？ –

hi @ hopkins-matt是的，我相信我找到了答案，由於某種原因，它沒有讀取括號，在源代碼中，它取代它的HTML代碼 –

由於您使用的是文本塊，因此將其替換爲html代碼。使用visual composer在結構選項卡下使用RawHTML和RawJS元素。將HTML代碼粘貼到原始HTML元素中，並將JavaScrip代碼粘貼到原始JS元素中。

參見圖片：

希望這個答案可以幫助您。

來源

2017-01-23 20:52:35

這個問題已經解決了，非常感謝！ –

WordPress中的嵌入式Javascript

回答

相關問題