WordPressのテーマ affinger4に JavaScriptを追加するカスタマイズをしています。
その際、 JavaScriptが勝手に改変されるため、JavaScriptが動作しなくなります。
・JavaScriptが改変されるのを止める
・改変されても動作するようにする
にはどうすればいいでしょうか?
下記のテーブルソーターと言われる、表の情報を JavaScriptを使ってソートする、と言う機能の実装をしています。
http://tablesorter.com/docs/
javascript
1<script type="text/javascript" src="<?php echo esc_url( get_stylesheet_directory_uri() ) ; ?>/js/jquery-latest.js"></script> 2<script type="text/javascript" src="<?php echo esc_url( get_stylesheet_directory_uri() ) ; ?>/js/jquery.tablesorter.min.js"></script> 3 4<script> 5$(document).ready(function() 6 { 7 $("#myTable").tablesorter(); 8 } 9); 10</script> 11
をテンプレート(single-type1.php)に編集しています。
ですが、実際に出力されるソースは、下記の様になります。
javascript
1<script pagespeed_orig_type="text/javascript" src="https://example.com/wp-content/themes/affinger4/js/jquery-latest.js" type="text/psajs" orig_index="14"></script> 2<script pagespeed_orig_type="text/javascript" src="https://example.com/wp-content/themes/affinger4/js/jquery.tablesorter.min.js" type="text/psajs" orig_index="15"></script> 3 4<script type="text/psajs" orig_index="16">$(document).ready(function() 5{$("#myTable").tablesorter();});</script>
出力される htmlファイルをローカルに保存し、JavaScriptのソースコードを改変される前のものに編集し直すと正しく動作しますので、JavaScriptが改変されることが動作しない原因であろうと考えています。
ちなみに、投稿画面にある「hedaに出力するコード※エスケープ処理されません」と書いてあるところに入力しても同様に改変されてしまいます。
また、テーブルのソートができればいいため、このテーブルソーターではなく、他のスクリプトを利用する方法でも全く問題はありません。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/05 01:37
2017/08/05 01:57