jQuery: DOM neradi nakon učitavanja novog sadržaja

Miroslav · 25. 06. 2010.

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.

xippi · 25. 06. 2010.

pa kad odradis $("ul#stavke").html(html); brises postojece elemente tako da ti onaj klik nije bindovan ni za sta vise

koristi .live('click', function(){...}) ili na neki drugi nacin binduj event

btw "ne" se u ovom slucaju pise odvojeno, zajedno je samo u nemam, necu i nemoj :P

Miroslav · 25. 06. 2010.

Citat:

Originalno napisao xippi

...btw "ne" se u ovom slucaju pise odvojeno...

Tako je... greška...

xippi · 25. 06. 2010.

samo da se nadovezem, kada brises ovako elemente nije potrebno da ucitavas celu listu, ako je request prosao ok mozes da odradis samo $(this).parent().remove() i da maknes samo taj element

Miroslav · 04. 07. 2010.

.live() radi dobro.

U međuvremenu sam naišao na još jedan problem.
Naime, pomoću .html() u textarea učitam neki tekst, zatim ga malo promenim, kliknem na dugme submit i prikažemi se isti tekst koji sam učitao pomoću .html() a ne onaj koji sam ja modifikovao.

Evo i ceo kod

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 ne radi nakon učitavanja novog sadržaja u TEXTAREA</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() {
      $("select[name=naslov]").live('change', function () {
        var naslov;
      
	    $("select[name=naslov] option:selected").each(function () {
          naslov = $(this).html();
	    });
		
		$("textarea[name=izmena]").html(naslov);

      })
      .change();

	  $("form").live('submit', function() {
        var novi_naslov = $("textarea[name=izmena]").html();
        alert(novi_naslov);
		
        return false;
      });	
	  
    });

  </script>

  </head>
  <body>

  <select name="naslov">
    <option value="1">Naslov 1</option>
    <option value="2">Naslov 2</option>
    <option value="3">Naslov 3</option>
    <option value="4">Naslov 4</option>
    <option value="5">Naslov 5</option>
  </select>

  <form action="#" method="POST"> 
  <textarea name="izmena"> </textarea>
  <br />
  <input type="submit" value="izmeni" />
  </form>
  
  </body>
</html>

Primer: http://www.nadjifirmu.com/testsajt/j...m/textarea.php

ivanhoe · 04. 07. 2010.

pokusaj da koristis text(), a ne html()

Blood · 04. 07. 2010.

..ili val() da bi mu dodelio vrednost..

Miroslav · 05. 07. 2010.

Ne radi ni sa .text() (inače meni treba baš .html()).

.val() ne radi... to radi sa input ne sa textarea.

Blood · 05. 07. 2010.

Trebalo bi da radi i sa text() i sa val()

Probaj sa attr('value', 'neka vrednost')

Miroslav · 05. 07. 2010.

Citat:

Originalno napisao Blood

Trebalo bi da radi i sa text() i sa val()

Probaj sa attr('value', 'neka vrednost')

Neće ništa od ovoga. Da li kod tebe radi?

25. 06. 2010.	#2
xippi xippster Master Datum učlanjenja: 16.06.2005 Lokacija: Beograd Poruke: 681 Hvala: 102 138 "Hvala" u 84 poruka	pa kad odradis $("ul#stavke").html(html); brises postojece elemente tako da ti onaj klik nije bindovan ni za sta vise koristi .live('click', function(){...}) ili na neki drugi nacin binduj event btw "ne" se u ovom slucaju pise odvojeno, zajedno je samo u nemam, necu i nemoj :P Poslednja izmena od xippi : 25. 06. 2010. u 17:45.

04. 07. 2010.	#6
ivanhoe Ivan Dilber Sir Write-a-Lot Datum učlanjenja: 18.10.2005 Lokacija: Bgd Poruke: 5.320 Hvala: 104 2.344 "Hvala" u 583 poruka	pokusaj da koristis text(), a ne html() __________________ Leadership is the art of getting people to want to do what you know must be done.

04. 07. 2010.	#7
Blood Boban Karišik Expert Datum učlanjenja: 05.11.2005 Lokacija: Beograd Poruke: 556 Hvala: 36 186 "Hvala" u 21 poruka	..ili val() da bi mu dodelio vrednost.. __________________ Ako već nisi Anđeo, bar budi čovek...

05. 07. 2010.	#8
Miroslav član Certified Datum učlanjenja: 26.12.2006 Poruke: 70 Hvala: 12 1 "Hvala" u 1 poruci	Ne radi ni sa .text() (inače meni treba baš .html()). .val() ne radi... to radi sa input ne sa textarea. __________________ www.sportizmo.rs \| www.nekretnineobrenovac.com \| www.nekretninens.rs

05. 07. 2010.	#9
Blood Boban Karišik Expert Datum učlanjenja: 05.11.2005 Lokacija: Beograd Poruke: 556 Hvala: 36 186 "Hvala" u 21 poruka	Trebalo bi da radi i sa text() i sa val() Probaj sa attr('value', 'neka vrednost') __________________ Ako već nisi Anđeo, bar budi čovek...

Slične teme
Tema	Početna poruka teme	Forum	Odgovori	Poslednja poruka
Krađa sadržaja - Ima li pomoći	Mr.Paja	Planiranje i usability	18	12. 01. 2011. 20:50
Izvor sadržaja - duplicate content?	HexTex	Marketing i SEO	11	26. 10. 2010. 12:24
Potrebna firma iz Novog Sada	Ekvador	Poslovne ponude i zapošljavanje	6	12. 04. 2010. 00:37
Start novog sajta,servisa...	Veljko	Marketing i SEO	15	24. 01. 2008. 19:54