Witam,
Mam następujący problem. Strona www.my-motivator.pl działa bez zarzutów bez JS. To znaczy po kliknięciu w "Czytaj więcej" przechodzi na następną stronę, tj. stronę 2, 3 itd. Natomiast przy zastosowaniu JS przechodzi tylko na stronę 2. Później odnośnik przycisku jest ok (strona 3) ale nie działa już kliknięcie w niego.

Macie jakiś pomysł jak rozwiązać ten problem? Skrypt JS:

  1. <script type="text/javascript">
  2. // Ajax-fetching "Load more posts"
  3. $('.home_post_load_more a').live('click', function(e) {
  4. e.preventDefault();
  5. //$(this).addClass('loading').text('Loading...');
  6. //$('.load_more_text a').html('Loading...');
  7. $.ajax({
  8. type: "GET",
  9. url: $(this).attr('href') + '#main_container',
  10. dataType: "html",
  11. success: function(out) {
  12. result = $(out).find('#home_post_box_cont .home_post_box');
  13. nextlink = $(out).find('.home_post_load_more a').attr('href');
  14. //alert(nextlink);
  15. //$('#boxes').append(result).masonry('appended', result);
  16. $('#home_post_box_cont').append(result);
  17. //$('.fetch a').removeClass('loading').text('Load more posts');
  18. //$('.load_more_text a').html('Load More');
  19.  
  20.  
  21. if (nextlink != undefined) {
  22. $('.home_post_load_more a').attr('href', nextlink);
  23. } else {
  24. $('.home_post_load_more').remove();
  25. $('#home_post_box_cont').append('<div class="clear"></div>');
  26. // $('.load_more_cont').css('visibilty','hidden');
  27. }
  28.  
  29. if (nextlink != undefined) {
  30. $.get(nextlink, function(data) {
  31. //alert(nextlink);
  32. if($(data + ":contains('home_post_box')") != '') {
  33. //alert('not found');
  34. // $('.load_more_cont').remove();
  35. $('#home_post_box_cont').append('<div class="clear"></div>');
  36. }
  37. });
  38. }
  39.  
  40. }
  41. });
  42. });
  43. </script>


I fragment kodu PHP który bez JS działa ok więc chyba jest dobry:

  1. <div id="home_post_box_cont">
  2.  
  3. <?php
  4. $category_ID = get_category_id('blog');
  5. $args = array(
  6. 'post_type' => 'post',
  7. 'posts_per_page' => 3,
  8. 'post__not_in' => $slider_arr,
  9. 'cat' => '-' . $category_ID,
  10. 'paged' => ( get_query_var('paged') ? get_query_var('paged') : 1)
  11. );
  12.  
  13. query_posts($args);
  14. $x = 0;
  15. if (have_posts() ) : while (have_posts()) : the_post(); ?>
  16.  
  17. <div class="home_post_box">
  18. <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('home-post'); ?></a>
  19.  
  20.  
  21. <div class="home_post_cont">
  22. <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
  23. <div class="home_post_meta"><!--<//?php the_author(); ?> ?php the_time('m-d-Y') --><?php the_time('m-d-Y') ?> / <?php comments_popup_link('Skomentuj ť', 'Komentarzy : 1 ť', 'Komentarzy : % ť'); ?></div>
  24.  
  25.  
  26. <p><?php $temp_arr_content = explode(" ",substr(strip_tags(get_the_content()),0,225)); $temp_arr_content[count($temp_arr_content)-1] = ""; $display_arr_content = implode(" ",$temp_arr_content); echo $display_arr_content . '...'; ?></p>
  27.  
  28. <div class="postentry">
  29. <p class="home_post_more"> <a href="<?php the_permalink(); ?>" class="rmore"> Czytaj więcej... </a></p>
  30. </div>
  31. </div><!--//home_post_cont-->
  32.  
  33. <div class="clear"></div>
  34. </div><!--//home_post_box-->
  35.  
  36. <?php endwhile; else: ?>
  37.  
  38. <?php wp_reset_query(); ?>
  39. <?php endif; ?>
  40.  
  41. </div><!--//home_post_box_cont-->
  42.  
  43. <div class="home_post_load_more"><?php next_posts_link('<img src="' . get_bloginfo('stylesheet_directory') . '/images/load-more-posts.png" />') ?></div>

Z góry dziękuję za pomoc

Nie mogę edytować postu (błąd ciągle wyświetla przy próbie zapisania) więc krótka informacja:
Wygląda na to że błąd nie leży w AJAX a w pętli wordpress'a która zawiera jakiś błąd. Muszę to dokładnie przeanalizować.