Zmiana treści postów bez przeładowania
Napisane: 1 lut 2021, o 21:20Cześć!
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-dynam ... n-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):
Za wszelaką pomoc, będę mega wdzięczny!
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-dynam ... n-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):
- Kod: Zaznacz cały
<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!