Wsparcie » Zaawansowane » Zmiana treści postów bez przeładowania

  • 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!

  • The topic ‘Zmiana treści postów bez przeładowania’ is closed to new replies.