Zmiana treści postów bez przeładowania

(@fazmaster)

Cześć!
Jestem tu nowy, bardzo będę wdzięczny za pomoc w ogarnięciu tematu.
Zależy mi by na podstawie wylistowanych postów (tytuł / thumnail) możliwa była zmiana w danym miejscu (divie) zmiana treści bez przeładowywania strony.

Znalazłem taki tutorial (który jest moim spełnieniem marzeń), jednak mi nie wyszło i wyskakuje błąd -> tak jakby autor czegoś nie dopisał?
https://sridharkatakam.com/how-to-dynamically-load-posts-on-click-using-ajax-in-genesis/

Innym rozwiązaniem jakie znalazłem (i zadziałało, jednak na zwyklej stronce statycznej a nie wewnątrz szablonu wordpressowego) jest taki kod (odwołuje się do js z googla):

<DOCTYPE html>
<html>
  <head>

   
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
   
   
   <script>
      $(document).ready(function(){
        // Set trigger and container variables
        var trigger = $('#nav ul li a'),
            container = $('#content');
       
        // Fire on click
        trigger.on('click', function(){
          // Set $this for re-use. Set target from data attribute
          var $this = $(this),
            target = $this.data('target');       
         
          // Load target page into container
          container.load(target + '.php');
         
          // Stop normal link behavior
          return false;
        });
      });
    </script>
  </head>
  <body>
    <nav id="nav">
      <ul>
        <li><a href="#" data-target="home">Home</a></li>
        <li><a href="#" data-target="about">About</a></li>
      </ul>
    </nav>
    <div id="content">
      <?php include('home.php'); ?>
    </div>
  </body>
</html>

Za wszelaką pomoc, będę mega wdzięczny!

Temat ‘Zmiana treści postów bez przeładowania’ jest zamknięty na nowe odpowiedzi.

Wyświetlenia