こんにちは、さるまりんです。
これまでいくつかJavaScriptについてここで書かせてもらいました。
で、記事の中にJavaScriptを埋め込むのですが、記事を編集して保存、編集して保存としているうちに、JavaScriptが動かなくなるのです。
なんでかな〜？と思っていたら自動で整形してくれるありがたい機能があるんですね。
改行をすると<br>タグや<p>タグが挿入されてたり、テキストモードとビジュアルモードを切り替えるとそれがなくなってたり、ついてたり。。細かい動きは把握していませんが、これらが勝手に挿入されるためにJavaScriptが動かなくなるようです。。
じゃあ通したらいいのか。
WordPressで埋め込んだJavaScriptが動くようにするには
「<div><script></script></div>で囲む。」でした。
<button id="my-button">押してみて</button>
<div>
<script language="JavaScript">
jQuery(function($){
$('#my-button').click(
function(){
alert('押しましたね。ありがとう。');
});
});
</script>
</div>このコードを埋め込むとこんな風になります。
<br>とか<p></p>入っていないです！
プラグインとかでもできたりするのかな？書いてみるのもいいかもですね。今度やってみたいと思います。
「<div><script></script></div>で囲む。」
覚えられるかな。
読んでくださってありがとうございます。
ではまた！