graffiti on the web レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。
iOSのchromeでも同じ現象が起こるらしいのですが、未確認。
…
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 -->
この投稿へのコメント
コメントはまだありません。