jQuery.autopagerプラグインで読み込まれるページにも他のjQueryを適用する

jQuery.autopagerを使っていると追加で読み込まれたページのDOMには、headなどで指定しているjavascriptは機能しません。

それを解決するには、autopagerの設定項目の「start」で以下のように設定します。

以下のサンプルコードでは、他のプラグイン(autoheight,smartrolloverなど)が動作するように設定しています。

サンプルコード

<!-- autopager -->
<script type="text/javascript" src="js/jquery.autopager-1.0.0.min.js"></script>
 <script type="text/javascript">
    $(function() {
$.autopager({
	
	content: '#search_result',

//startに他のjavascriptを設定する
	          start: function(current, next) {

		$('div.auto_height').autoHeight({column:2, clear:1});
	$("#search_result .add_friend a").click(function(){

		var href = $(this).attr("href");

		top.location.href = href;
		
		return false;
});

 smartRollover() ;

            },

});

    });
  </script><!-- /autopager -->

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です