wordpressでだけ動かないjavascriptがあります

Question

wordpressの「記事公開ボタン」を押したときに、「ふわ」と別のボタンを表示させようと思っています。

wordpressでなければできています。
https://jsfiddle.net/bsc1vbjj/

それなのになぜか、wordpressではできないのです。

▼記事の公開画面で出力されたHTMLはこうなっているので▼

<div class="wpuf-label">
<input name="submit" value="記事公開ボタン" type="submit">
</div>
<button class="btnclip">ふわ</button>

▼javascriptを「page.php」にこう書いています▼

<script>
(function($){
  $('.wpuf-submit').on("click",function(){
    $('.btnclip').delay(500).fadeIn(500);
  });
})(jQuery);
</script>

▼CSSはこうです▼

.btnclip {
  display:none;
}

冒頭のようにこれだけで出来るハズなのに、wordpressに書くとなぜか？？できません。

「ふわ」ボタンはdisplay:none;のままなので、どうやらjavascriptが効いてくれていない様子。しかし、、なぜ？？

他にもまったく同じふわっと表示するjavascriptは効いているのですが、「記事公開ボタン」にだけ効かないのです。

ひょっとして、wordpressに元からある「記事公開ボタン」については、javascriptをどうこうすることができないとか、書く場所が特殊だとか、そのような根本的な理由があるのでしょうか？

かなり初心者なので、根本的な知識から間違っているかもしれません。

なぜできないのか？？なんでもご意見を頂けましたら幸いです。

宜しくお願いいたします。

Answer 1

できました。

javascriptというのは書く場所が決まっているようですね。

<?php get_header(); ?>

の下ではなく、

<?php get_footer(); ?>

の上に書くことで、

きちんと動くようになりました。

お騒がせして申し訳ございません。

Comments

[kei344]

普通はテーマのfunctions.phpから挿入します。「WordPress JavaScript」で検索してください。

[退会済みユーザー]

え”っ！！テンプレートファイルに書くものだとばかり思っておりました。どうもありがとうございます。検索してみます。