ワードプレスの記事上からjavascriptのプログラムを実行しようと思ったのですが少し手間取ったのでメモしておきます
Contents
注意点まとめ
ルール1. script タグを div タグで囲む
|
1
2
3
4
5
|
<div>
<script type=“text/javascript”>
...
</script>
</div>
|
以上のように script タグを div タグで囲む方法があります。
ルール2. script タグ内に空行を含めない
script タグ内のコードには、空行を含めないようにする。空行を含めると、自動的に p タグで囲まれて JavaScript が動作しなくなります。改行はOK。
script タグ内に div タグを書かない
div タグはなぜか、行頭に強制的に移動させられる（WordPressの仕様？）。script 内で html コードを含める場合に、div タグを書いていると、意図しない箇所で改行されて、div タグが次の行の行頭に移動させられて、Javascript コードが動作しなくなる場合があります。なので、script 内に div タグは記述しないようにします。
以上のルールで書いたところ、Javascript を投稿記事内に直接書いて動作させることができました。
実際に記述した動作が以下になります
ajaxを使ってwordpressのサイトの記事情報を取得
以下はボタンをクリックするとこのサイトの新着記事を取得します。取得できる投稿数はデフォルトで10件、最大100件です。
コメント