フォームに入力されたデータを受け取るときに、入力された内容をエスケープすることは、こちらの記事で触れましたが、送信される前にjQueryで入力値のチェックを行えるとページの推移もなく、便利ですよね。
…
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 -->
この投稿へのコメント
コメントはまだありません。