funzione .Click non funziona per me

Question

Ho un sacco di funzioni jQuery nel mio script, ma uno in particolare non funziona, questo è il mio funzione

$('#delete').click(function() { 
      var id = $(this).val(); 
      $.ajax({ 
        type: 'post', 
        url: 'update.php', 
        data: 'action=delete&id=' + id , 
        success: function(response) { 
          $('#response').fadeOut('500').empty().fadeIn('500').append(response); 
          $(this).parent('tr').slideUp('500').empty(); 
          } 
       });   
     }); 

una funzione simile come questo sta lavorando

<!-- WORKING FUNCTION --> 
$('#UpdateAll').click(function() { 
      $.ajax({ 
      type: 'post', 
      url: 'update.php', 
      data: 'action=updateAll', 

      success: function(response) { 
       $('#response').fadeOut('500').empty().fadeIn('500').append(response); 

       $('#table').slideUp('1000').load('data.php #table', function() { 
        $(this).hide().appendTo('#divContainer').slideDown('1000'); 
       }); 
      } 
      });  
     }); 

Ho controllato con firebug, la console non mostra errori, ho controllato l'origine HTML i valori si stanno caricando corretti, ho controllato il mio file php 5 volte è corretto non riesco a capire il problema. Per favore aiuto.

Answer 1

Invece di id = cancella ho cambiato in class = cancella in html e js ('.Delete') e si sta lavorando bene ora, ma quando ancora una volta provato con id doesnt lavoro.

Grazie a tutti per l'aiuto, non ho alcun problema se si tratta di identificazione o di classe, solo la funzione funziona ora.

Answer 2

Con il primo, inserisco un rapido e sgradevole alert() all'interno della funzione anonima dei clic, per assicurarmi che venga attivato. Elimina i motivi per cui potrebbe non funzionare. Inoltre, prova a utilizzare le intestazioni HTTP Live o la console di Firebug per verificare se è stata inviata la richiesta AJAX.

Se il clic non viene attivato, verificare se il selettore è corretto. Mi capita spesso di fare questo (molto brutta)

var testSelector = 'p:first ul li:last'; 

$(testSelector).css({ border: '1px solid red' }); 

Non sarà sempre visibile, ma se si vede style = "border: 1px solid red" `nel codice generato, si conosce il selettore è sulla palla .

Forse hai un altro clic che lo sta sovrascrivendo? Provare a utilizzare

$('#delete').bind('click', function() { 
    // do it 
}); 

Answer 3

1) e prima dell'ultima }); si dovrebbe aggiungere return false;

2) Sei sicuro che lo #delete esista? Inoltre, sei sicuro che sia UNICO?

Answer 4

Questo è un campo lungo, ma è bene essere a conoscenza. http://code.google.com/p/fbug/issues/detail?id=1948

Potrebbe non essere un problema se non si è su Firefox 3.5.

Answer 5

Non so se questo si applica al tuo contesto, ma se hai parti della pagina che vengono caricate da AJAX, dovrai associare i gestori di clic dopo che il contenuto è stato caricato, ovvero $ (documento). Già non funzionerà. Ho incontrato questo problema un certo numero di volte, in cui determinati eventi si attivano fino a quando alcune parti della pagina vengono ricaricate, quindi all'improvviso gli eventi sembrano smettere di sparare.

Answer 6

Ho appena avuto lo stesso problema con un rapido esempio su cui stavo lavorando. La soluzione era inserire il click dentro $ (document) .ready. Stavo cercando di usare il mio elemento prima che fosse effettivamente pronto per essere utilizzato.

È JavaScript di base aspettare che il DOM sia pronto prima di provare a usare un elemento, ma ... per qualche ragione ho dimenticato di farlo, quindi forse è successo anche a te.

Answer 7

Ho faticato con l'ESAME PROBLEMA DELLO STESSO per 6 ore di fila!la soluzione era usare jquery "live".

E questo è tutto.

$('#submit').live('click',function(){ 
...code... 
}); 

Answer 8

Basta usare la vostra .click con $(document).ready(function(){ ... }); perché si sta tentando di applicare l'evento click su un elemento inesistente.

Answer 9

C'è alcune cose che puoi fare:

1. come Elmo Gallo e Shooz Eh suggerito, inserire il codice in $(document).ready(function(){...});
2. codice tua $('#delete').click(function(){...}); istruzione dopo il tag <button> evento,
3. uso $('#submit').live('click',function(){...}); come Parikshit Tiwari suggerito.

Ognuno di questi dovrebbe funzionare ok.

EDIT: oops, non vedere che questo è stato chiesto '09: D

Answer 10

Penso che è necessario utilizzare la funzione .on() per dinamicamente run codice jQuery come questo:

$(document).on("click","#delete",function(){ }); 

Answer 11

$(document).on('click', '#selector', function(){ 
    // do something 
}); 

jQuery 1.7+ ha ammortizzato .live() e ora usa .on() invece :)