WordpressのインラインJavascript

Question

私は複数のテーブルを持っており、それらをループするオプションのドロップダウンがあります。 http://codepen.io/fernandob/pen/JEJRMWでコードをテストしたところ、すべてうまくいきましたが、Wordpressページに追加すると実行されません。私はビジュアルコンポーザーを使用しているワードプレスでは、テキストエディタを介してテキストブロックで、これに続いてhtmlコードを貼り付けます。

  <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> 

Answer 1

テキストブロックを使用しているため、これはHTMLコードに置き換えられます。 ビジュアルコンポーザを使用して、構造タブのRawHTMLおよびRawJS要素を使用します。 Raw HTMLエレメントにHTMLコードを貼り付け、Raw JSエレメントにJavaScripコードを貼り付けます。

希望この回答ヘルプあなた：

は、画像を参照してください。