अनंत स्क्रॉल मैनुअल ट्रिगर

Question

बस काम करने के लिए प्रतीत नहीं होता ... :-(इसके बारे में अधिक शिकायतों लेकिन मैं उत्तर नहीं मिलता है देखा है

समस्या:। अनंत स्क्रॉल काम करता है लेकिन नहीं । पुस्तिका ट्रिगर जब मैं लिंक पर क्लिक करें, कुछ नहीं होता Firebug

Infinite Scroll

मेरे कोड देता है:।

<?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>  

और मेरी स्क्रिप्ट:

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; 
    }); 

भी कोशिश की

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

बजाय

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

लेकिन कोई भाग्य नहीं।

Firebug तो कहते हैं trigger(retrieve.infscr) called incorrectly

Answer 1

Pfoe, पाया यह ... लांग अच्छा प्रलेखन रहते

यह (नहीं इस प्लगइन के साथ!):

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

होना चाहिए:

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

सबसे बड़ी समस्या थी .infscr जो वहां नहीं होना चाहिए .. आशा है कि यह किसी को el की मदद करे se ..

प्रलेखन की तरह समाधान:

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

नोट:
यदि आप इसे काम करने के लिए में चिनाई या आइसोटोप के साथ काम कर रहे हैं manual trigger behavior जोड़ने के लिए हो सकता है। प्लगइन को कॉल करते समय behavior: 'twitter' पास करके infinitescroll के बाद manual-trigger.js शामिल करें और व्यवहार को पास करें।

Answer 2

शायद ... $ ('# बगल में') पर क्लिक करें()।; ?

Answer 3

मैं सुनिश्चित करने के लिए नेविगेशन लिंक पहली बार क्लिक किया जा रहा करने के बाद दिखाया निम्नलिखित ट्वीक किए गए:

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