2012年02月02日 jQuery・javascript
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 -->

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

ピックアップ記事

Twitter Bootstrapでスマホ回転時の表示崩れ

2013年11月13日 jQuery・javascriptWordPress
Twitter Bootstrapを使用して、レスポンシブなウェブサイトを制作していたのですが、iPhoneで縦画面、横画面での表示を繰り返すと画面からはみ出してしまう(拡大表示した時のように画面内にサイトが収まっていない)現象に悩まされました。 もちろん、縦でも横でも画面横幅ピッタリにサイトが表示されるのが理想なので、調べてみました。 今回使用していたのは、Bootstrap v3.…
「Twitter Bootstrapでスマホ回転時の表示崩れ」をはてなブックマークに追加

javascriptで新しいウインドウを開く&リダイレクト

2012年02月04日 jQuery・javascript
javascriptで新しいウインドウを開いてリンク先へ飛ばすには、以下のようにします。 [php] var your_url = "http://apr20.net"; window.open(your_url,''); [/php] リダイレクトするには、以下のようにします。 [php]var your_url = "http://apr20.net"…
「javascriptで新しいウインドウを開く&リダイレクト」をはてなブックマークに追加

jQuery Auto Heightで各カラムの高さを同じに設定する

2011年06月24日 jQuery・javascript
jQuery Auto Height とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。 3カラムのデザインで高さを調整したいなんて言う場合も多いのではないでしょうか。 …
「jQuery Auto Heightで各カラムの高さを同じに設定する」をはてなブックマークに追加

jQueryを使って、文字をゆっくり消す

2011年06月15日 jQuery・javascript
jQueryのfadeOutを使って、クリックされた文字をゆっくり消します。 サンプルも設置しているので、ご確認ください。 …
「jQueryを使って、文字をゆっくり消す」をはてなブックマークに追加

safariでowl carouselのスライド時にフォントが細くなる現象の解決策

2015年03月19日 jQuery・javascriptweb関連
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。 iOSのchromeでも同じ現象が起こるらしいのですが、未確認。 …
「safariでowl carouselのスライド時にフォントが細くなる現象の解決策」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy