jQuery・javascript

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

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

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

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

サンプルコード

[php]<!– 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 –>
[/php]

seo tips