Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Assegnare evento onclick con jquery a una lista

    Ciao a tutti.
    Premetto che mi sono addentrato da poco nel mondo di jquery, da subito l'ho trovato più intuitivo e veloce, ora però mi sono scontrato con un problema:
    ho creato un lista in html e a ciascun elemento della lista, volevo associare un evento al click su di esso. Con il click dovrebbe partire una chiamata ajax a una pagina, passando come argomento l'attributo title dell'elemento cliccato.

    La lista è questa:
    codice:
    <ul class="tab_list_child" id="anag_list">
        <li class="tab_cont_0" title="anomalie">Anomalie
        <li class="tab_cont_1" title="attivita">Attivit&agrave;
        <li class="tab_cont_0" title="categorie">Categorie
        <li class="tab_cont_1" title="ean">EAN
        <li class="tab_cont_0" title="expo">Tipo Expo
        <li class="tab_cont_1" title="interventi">Interventi
        <li class="tab_cont_0" title="matvis">Materiali Visibilit&agrave;
        <li class="tab_cont_1" title="pdv">PDV
        <li class="tab_cont_0" title="referenti">Referenti
        <li class="tab_cont_1" title="rilevatore">Rilevatore[/list]
    mentre il codice jquery è questo:

    codice:
    $("#anag_list li").click(function(){
    	$("#container").load("../script/anag/anag.php?anag="+this.title);
    });
    Ringrazio anticipatamente per qualsiasi aiuto

  2. #2
    Utente di HTML.it
    Registrato dal
    Dec 2010
    Messaggi
    3,660
    qual'è il problema? il codice fa già quello che chiedi...

  3. #3
    il problema era che al click, la chiamata ajax non veniva effettuata.
    Dico era perchè ho risolto il problema.
    Essendo la lista aggiunta dinamicamente, l'handler non veniva associato.
    Ho risolto così:

    codice:
    $("#anag_list li").live("click",function(){
    	$("#container").load("../script/anag/anag.php?anag="+this.title);
    });

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.