Pomoću jQuery-jeve funkcije
ajax pokušam da učitam sadržaj u UL tag. Nakog toga DOM neće da mi iako su učitani HTML elementi sa istim parametrima.
Dakle, pokušam da izbrišem LI tag i radi samo prvi put. Drugo brisanje već neradi iako je kod potpuno isti ali je učitan pomoću AJAX-a .
HTML kôd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>jQuery: DOM neradi nakon učitavanja novog sadržaja</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css.css" />
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function() {
$('a[rel=obrisi]').click(
function() {
$("div#status").html("Učitavanje...");
var sifstavke = $(this).parents('li').attr('id');//Šifra stavke.
var data = 'sifstavke=' + sifstavke;
$.ajax({
url: "/testsajt/jquery-problem/obrisi.php",
type: "GET",
data: data,
cache: false,
success: function (html) {
if (html) {
$("div#status").html(" ");
$("ul#stavke").html(html);
} else alert('Došlo je do greške prilikom brisanja stavke.');
}
});// ajax
return false;
}
);
});
</script>
</head>
<body>
<ul id="stavke">
<div id="status"> </div>
<li id="stavka-1">Stavka 1 <a href="stavka.php" rel="obrisi">Obriši</a></li>
<li id="stavka-2">Stavka 2 <a href="stavka.php" rel="obrisi">Obriši</a></li>
<li id="stavka-3">Stavka 3 <a href="stavka.php" rel="obrisi">Obriši</a></li>
<li id="stavka-4">Stavka 4 <a href="stavka.php" rel="obrisi">Obriši</a></li>
<li id="stavka-5">Stavka 5 <a href="stavka.php" rel="obrisi">Obriši</a></li>
</ul>
</body>
</html>
obrisi.php
PHP kôd:
<div id="status"> </div>
<?php
$sifstavke = $_GET['sifstavke'];
for($i = 1; $i <= 5; $i++) {
$id = 'stavka-'.$i;
if($id != $sifstavke)
echo '<li id="'.$id.'">Stavka '.$i.' <a href="stavka.php" rel="obrisi">Obriši</a></li>';
}
?>
stavke.php
PHP kôd:
<?php
echo 'Stavka je trebala da bude izbrisana a ne da se otvori ova strana.<br /><a href="index.php">Nazad</a>';
?>
Test primer:
http://www.nadjifirmu.com/testsajt/j...blem/index.php
Da li neko može da mi objasni ovaj problem.
Unapred hvala.