graffiti on the web Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう（拡大表示した時のように画面内にサイトが収まっていない）現象に悩まされました。
もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。
今回使用していたのは、Bootstrap v3.…
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 -->
この投稿へのコメント
コメントはまだありません。