Forum PHP.pl > [jQuery] widocznosc dynamicznie dodawanej treści

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] widocznosc dynamicznie dodawanej treści

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

damiankopiec

30.09.2009, 11:18:05

Witam,

Mam problem z jquery, a dokładniej kiedy tworzę kod html i próbuje go dołączyć do innego ( istniejącego ) diva metodą append, nowy element jest tak jakby niewidoczny ze skryptu i nie mogę przechwicić kliknięcia w ten element. Mam taki oto przykładowy kod:

[HTML] pobierz, plaintext 
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.w3.org/MarkUp/SCHEMA/xhtml11.xsd"
      xml:lang="pl" >
  <head>
    <meta http-equiv="pragma" content="no-cache" />
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $( document ).ready( function(){
        $('.click-trigger').click( function(){
          alert('clicked!');
          return false;
        } );
        $('#link-test').append( '<li><a href="" class="click-trigger">dynamic link</a></li>' );
      } )
    </script>
  </head>
  <body>
    <div id="test">
      <ul id="link-test">
        <li><a href="" class="click-trigger">static link</a></li>
      </ul>
    </div>
  </body>
</html>
[HTML] pobierz, plaintext

Po kliknięciu na linka "static link" wszystko jest ok- pokazuje sie alert z napisem clicked, ale klikanie w "dynamic link" nie działa. Może mi ktoś pomóc?

Nie jestem zbytnio dobry w js i nie wiem nawet jak dokładnie zadać pytanie i dlatego próby szukania po forum nie przyniosły żadnego efektu.

erix

30.09.2009, 11:23:17

Zamiast click() daj live(). Albo zamień kolejność; najpierw dodawaj zawartość, potem zdarzenia. :]

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.