cuộn vô hạn thủ công kích hoạt

Question

Chỉ dường như không làm việc ... :-(có thấy phàn nàn nhiều về nó nhưng tôi không thể tìm thấy câu trả lời

Vấn đề:. công trình Cuộn vô hạn nhưng không . cò tay Khi tôi bấm vào liên kết, không có gì xảy ra Firebug cho

Infinite Scroll

mã của tôi:.

<?php echo ('<ul id="infinite">'); ?> 
<?php 
$wp_query = new WP_Query(); 
$wp_query->query('paged='.$paged.'&cat=5&showposts=3&meta_key=video_video&orderby=meta_value&order=ASC' . $post->ID); 
while ($wp_query->have_posts()) : $wp_query->the_post(); ?> 
<?php if (get_post_meta($post->ID, 'video_video', true)) : ?> 
    <li class="video"><?php $home = array("h" => 290, "w" => 380, "zc" => 1, "q" =>100); 
      //echo get('video_video'); 
      echo ('With: '); 
      echo get('participant_first_name'); 
      echo ('&nbsp;'); 
      echo get('participant_last_name'); 
      echo ('</li>');?> 

<?php endif;?> 


<?php endwhile;?> 

<?php if (get_post_meta($post->ID, 'video_video', true)) { ?> 
    <?php if ($wp_query->max_num_pages > 1) : ?> 
     <nav id="nav-below" > 
     <div id="next" > 
     <?php next_posts_link(__('Scroll down for more', 'intowntheme')); ?></div> 
     </nav> 
    <?php endif; //end nav ?> 
<?php } else { ?> 
<p>There are no interviews at the moment </p> 
<?php } ?>  
</ul>  

Và kịch bản của tôi:

jQuery('ul#infinite').infinitescroll({ 
    navSelector : "#next", // selector for the paged navigation (it will be hidden) 
    nextSelector : "#next a", // selector for the NEXT link (to page 2) 
    itemSelector : "ul#infinite li", // selector for all items you'll retrieve 
    errorCallback: function() { 
      // fade out the error message after 2 seconds 
      $('#infscr-loading').animate({opacity: 0.8},2000).fadeOut('normal'); 
     }, 
    loading   : { 
     msgText: "<em>Loading the next year of Grantees...</em>", 
     finishedMsg: "<em>You've reached the end of the Interviews.</em>" 
    }, 
    }); 

    //kill scroll binding 
    jQuery(window).unbind('.infscr'); 
    //setTimeout("jQuery('#next').slideDown();", 1000); 
    //hook up the manual click guy. 

    jQuery('#next a').click(function(){ 
     jQuery('#next a').infinitescroll('retrieve.infscr'); 
    return false; 
    }); 

cũng đã cố gắng

jQuery(document).trigger('retrieve.infscr'); 

thay vì

jQuery('#next a').infinitescroll('retrieve.infscr'); 

nhưng không may mắn.

Firebug sau đó nói trigger(retrieve.infscr) called incorrectly

Answer 1

Pfoe, tìm thấy nó ... Long sống tài liệu tốt

này (KHÔNG với plugin này!):

jQuery('#next a').click(function(){ 
    jQuery('#next a').infinitescroll('retrieve.infscr'); 
return false; 
}); 

nên là:

jQuery('#next a').click(function(){ 
    jQuery('ul#infinite').infinitescroll('retrieve'); 
return false; 
}); 

sự vấn đề lớn nhất là .infscr mà không nên có .. Hy vọng nó sẽ giúp ai đó el se ..

Tài liệu giống như giải pháp:

jQuery("#clickable_element").click(function(){ 
    jQuery('#main_content_container').infinitescroll('retrieve'); 
     return false; 
}); 

Lưu ý:
Bạn có thể phải thêm manual trigger behavior nếu bạn đang làm việc với nề hoặc đồng vị để làm cho nó làm việc. Chỉ cần bao gồm manual-trigger.js sau khi infinitescroll và vượt qua hành vi bằng cách đi qua behavior: 'twitter' khi gọi plugin.

Answer 2

Có lẽ ... $ ('# tiếp theo a') click(). ?

Answer 3

tôi đã tinh chỉnh sau đây để đảm bảo sự liên kết chuyển hướng xuất hiện sau khi được nhấp lần đầu tiên:

jQuery("#clickable_element").click(function(){ 
    jQuery('#main_content_container').infinitescroll('retrieve'); 
    jQuery('#pagination').show(); 
    return false; 
});