graffiti on the web jQuery Auto Height とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。
3カラムのデザインで高さを調整したいなんて言う場合も多いのではないでしょうか。
…
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 -->
この投稿へのコメント
コメントはまだありません。