###【1.起きている問題】
下記jsがwordpressでのみ作動しません。(>_<)
javascript
1<script> 2window.onload = function(){ 3 entryChange(); 4 Array.prototype.map.call(document.querySelectorAll("[name=entryPlan]"),function(i){ 5 i.addEventListener('change',function(){entryChange()}); 6 }); 7} 8function entryChange(){ 9 var ele=document.querySelectorAll("[name=entryPlan]:checked"); 10 for(var i=0;i<ele.length;i++){ 11 v=ele[i].value; 12 Array.prototype.map.call(ele[i].form.querySelectorAll(".boxes"),function(j){ 13 j.classList.add('hide'); 14 if( 15 (v=='hoge1' && j.classList.contains('box1')) || 16 (v=='hoge2' && j.classList.contains('box2')) || 17 (v=='hoge3' && (j.classList.contains('box1') || j.classList.contains('box2'))) 18 ){ 19 j.classList.remove('hide'); 20 } 21 }); 22 } 23} 24</script>
###【2.目的の機能】
ラジオボックス選択でテーブルの表示内容が切り替わる機能がほしいと思っていまして、そのための上記のjsです。
具体的にはこのような機能です。→https://jsfiddle.net/kwz15kdd/
ご覧のように、wordpressでなければ作動します。
###【3.試したこと】
➀Pタグの自動挿入禁止
functions.phpへの記述によってPタグ自動挿入を禁止しました。
ソースを見るとPタグはなくなっており、当該jsも表示されております。
なのに、作動してくれません。
➁プラグイン
・「Custom CSS and JS」
・「CSS & JavaScript Toolbox」
簡単なjsは出力できたのでプラグインの使い方は間違ってないはずです。
ソースにも当該jsは表示されております。
なのに、作動してくれません。
headerへの出力、footerへの出力、ともに試しました。
➂テーマとサーバーの変更
5つくらいのテーマ変更、またXサーバーとZ.comサーバーの2つを試しました。
やっぱり、どれも作動してくれません。泣きそうです。
###【4.質問】
上述した【2.目的の機能】さえ果たせればいいのですが、なんとかjqueryではなくjsでやりたいです。
そこで質問です。
・当該jsと同じ機能になるようなjsの書き方や、
・他に試してみたらよさそうなプラグインや、
・当該jsのこの部分がアヤシイぞというご指摘など、
ご存知ありませんでしょうか?
ご検討よろしくお願い致します。<(_ _)>
回答2件
あなたの回答
tips
プレビュー