このサイトを参考にjqueryで「もっと読む」機能を実装しようとしているのですが、「もっと読む」をクリック後のローディング画像が左に寄ってしまいます。中央にする方法がわかりません。どのようにすればいいでしょうか?
<div id="next"> <a href="<?php echo next_posts(0, false); ?>">もっと見る</a> <img id="loading" src="/wp-content/plugins/jQuery.autopager/icon_loading.gif" alt="読み込み中" width="31" height="31"> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="/wp-content/plugins/jQuery.autopager/jquery.autopager-1.0.0.js"></script> <script> // 最大ページ数取得 var maxpage = <?php echo $wp_query->max_num_pages; ?>; $('#loading').css('display', 'none'); $.autopager({ content: '.post',// 読み込むコンテンツ link: '#next a', // 次ページへのリンク autoLoad: false,// スクロールの自動読込み解除 start: function(current, next){ $('#loading').css('display', 'block'); $('#next a').css('display', 'none'); }, load: function(current, next){ $('#loading').css('display', 'none'); $('#next a').css('display', 'block'); if( current.page >= maxpage ){ //最後のページ $('#next a').hide(); //次ページのリンクを隠す } } }); $('#next a').click(function(){ // 次ページへのリンクボタン $.autopager('load'); // 次ページを読み込む return false; }); </script>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/10 13:52