指定した処理の実行を後回しにする jQuery later プラグイン

ホーム > Postal Search Ajax API with jQuery

jQuery later プラグインはメソッドチェーンの中で、指定した処理の実行を後回しにできるプラグインです。JSONP のコールバック関数の中で script 要素を削除すると IE がクラッシュしてしまう問題を jQuery 的に解決しようとして、このプラグインを作成しました。

KoshigoeBLOG: 某所の"MochiKit.Async JSONP"を使わさせていただきました。

ロードのたびにユニークにしなければならなかったのは、script要素を削除している辺りにIEのバグが潜んでいたかららしいので、その辺を中心にtry&error。setTimeoutを使ってscript要素の削除を遅延させてみました。

このプラグインを作成するにあたり、上記のブログとそのリンク先を参考にさせてもらいました。

さらにいろいろ調べた結果、次の条件を満たすとき、script 要素を削除しようとすると IE がクラッシュすることがわかりました。

file://... といった file プロトコルを使うとき
ブラウザでキャッシュ済みのとき

いずれも、このプラグインを使って script 要素の削除を遅らせることによって、うまく解決できています。

(function($) {
  
  // later
  $.fn.later = function(fn) {
    var self = this;
    var timer = setTimeout(function() {
      clearTimeout(timer);
      self.each(fn);
    }, 10);
    return self;
  };

})(jQuery); // function($)

次の例は div 要素の削除を後回しにしています。$.later メソッドで指定した関数は 10ms のタイムアウト後、実行されることになります。div 要素を script 要素に置き換えれば JSONP のコールバック関数の問題が解決できます。

<div id="r">foo</div>

<script type="text/javascript">
//<![CDATA[
jQuery(function($) {
  $('#r').later(function() {
    $(this).remove();
  });
});
//]]>
</script>

jQuery later プラグインは Postal Search Ajax API に組み込んで配布しています。詳しくは Postal Search Ajax API リファレンスをご覧ください。

指定した処理の実行を後回しにする jQuery later プラグイン

関連情報