Autopagerでページング後、他のスクリプトがきかない
-
最新記事の一覧を出すのに、記事ごとのBOX(div.listBox)全体をクリックできるようなスクリプト(linkBox)を使い、かつ、autopagerにてページ遷移なしに一覧の続きが見れるようにしました。
が、ページング後に表示される記事一覧では、BOXがクリックできなくなりました。
autopagerのロード時に、もう一度linkBoxを動くようにすればよいかと思い、いろいろ調べて試したのですが解決できません。
同じような事象を解決した方の記事も見つけたのですが、応用ができませんでした・・・また、情報が足りなければ教えてください。
よろしくお願いいたします。function.js:
$(function linkBox() {
var linkboxes = $(“div.listBox”);
for (var i=0; i<linkboxes.length; i++){
var readmores = $(“span.moreCol”);
for (var j=0; j<readmores.length; j++){
$(“div.listBox”).click(function() {
var anchorTags = this.getElementsByTagName(“a”);
window.location = anchorTags[0].href;
});
}
}
$(“span.moreCol”).addClass(“none”);
});$(function () {
$.autopager({
autoLoad: false,
link: ‘.scrollBox a’,
content: ‘.listArea’,
load: function(current, next) {
$(this).effectChain({ target: “div”});
}
});
$(‘.scrollBox a’).click(function() {
$.autopager(‘load’);
return false;
});
});home.php:
<section class=”recentArea”>
<div class=”listArea”><?php $paged = get_query_var(‘paged’);
query_posts(‘posts_per_page=6&paged=’. $paged); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class=”listBox”><div>
<h3 class=”listBoxTitle”><?php the_title(); ?></h3>
<span class=”dateCol”>[ <?php the_time(‘Y/n/j’); ?> ]</span>
<span class=”moreCol”>“>read more</span>
</div></div><!–/listBox–><?php endwhile; endif; wp_reset_query(); ?>
</div><!–/listArea–>
</section><!–/recentArea–><div class=”scrollBox”>
<?php next_posts_link(‘もっと見る’); ?>
</div><!–/scrollBox–>
- トピック「Autopagerでページング後、他のスクリプトがきかない」には新たに返信することはできません。