[Daniel VedovatoPartecipante]

Ciao a tutti,

ho cercato per tutto il web, sarò incapace io, sarò inabile, ma se creo un evento click funziona solo la prima volta e poi zero.

Vi posto il codice:

Pagina:

<h1>Inserimento Nuova Categoria</h1>
<p><small>Inserisci una nuova categoria.</small></p>
<div class="well">
<div class="control-group">
<div class="controls">
<input id="nome_insert_cat" class="form-control" type="text" placeholder="Nome categoria (max 20 caratteri)" class="input-xxlarge">
</div>
</div>
<div class="control-group">
<label class="control-label" for="singlebutton"></label>
<div class="controls">
<button class="btn btn-default insert_cat">Inserisci Categoria</button>
</div>
</div>
</div>
<div id="succ_ins_cat"></div>

Evento:

$(document).on('click', ".insert_cat", function(){
var nome_cat = $('#nome_insert_cat').val();
inserisci_cat(nome_cat);
});

Funziona eseguita:

function inserisci_cat(nome){
$.ajax({
url : "ajax_inserisci_categoria.php",
type: "GET",
data: "nome="+nome,
success: function(results)
{
$("#succ_ins_cat").html(results);
$("#succ_ins_cat").delay(500).fadeOut();
}
});
}

Se qualche anima pia mi aiuta vi sono grato!

[Daniel VedovatoPartecipante]

Scusate, ho talmente sonno che ho sbagliato perfino a inserire il codice 🙁

[jqueryitaliaAmministratore]

Ciao Daniel.
Nessun problema ho sistemato io 😉

Per quanto riguarda il tuo problema sostituisci la funzione:

$(document).on('click', ".insert_cat", function(){
   var nome_cat = $('#nome_insert_cat').val();
   inserisci_cat(nome_cat);
});

con:

$( function() {
    $( '.well' ).on( 'click' , '.insert_cat', function() {
        var nome_cat = $( '#nome_insert_cat' ).val();
        inserisci_cat( nome_cat );
    });
});

e dovrebbe risolversi tutto.

Buon lavoro!

[Daniel VedovatoPartecipante]

Grazie!

Potresti darmi anche una spiegazione teorica del perché non andava, giusto per non trovarmi la pappa pronta e basta!

😉

[jqueryitaliaAmministratore]

1. la funzione on va sempre impostata al document ready, onde evitare che il click avvenga prima che l’elemento sia caricato nel DOM
2. non avevi settato il contenitore ( .well ) dell’elemento

[Daniel VedovatoPartecipante]

Grazie!

In realtà la funzione era contenuta all’interno del document ready, ma l’ho omessa perché ho preso solo la parte di codice in questione.

Bel sito comunque 😉

[jqueryitaliaAmministratore]

Prego!
Alla prossima 😉

[Autore]

Post