[jQuery]ページ読み込み後にプラグインを実行 | B型的適当生活

B型的適当生活

思いついたことをだらだらと、不定期に書きます

jQueryで自作プラグインを作り、それをページ読み込み完了後に実行したい。

慣れてる人なんかはこんなのすぐ分かるんですが、いかんせん毎日触っているわけではないので、そのときできても数日後にはもう忘れちゃう。
なので、忘れないようにメモ。

プラグイン書かずに、htmlファイルかなんかにベタ書きでjqueryの処理を書けば、当然特にページ読み込み完了後って意識することもなく普通に動く。

$(function() {
  var hoge = "hello world";
  $("#hogehoge").html(hoge);
})

こんな感じで。
これをプラグインにしてやるとこうやればとりあえずうまくいった。

■プラグイン
(function($){
    $.fn.hogeplugin({
       var hoge = "hello world";
       $("#hogehoge").html(hoge);
    });
})(jQuery);

■html部(途中省略)
<script type-"text/javascript" src="./jquery.hogeplugin.js"></script>
<script type="text/javascript">
$(function() {
   $(window).load().hogeplugin();
})
</script>

複数プラグインある場合は・・・どうしようかねぇ。