2016-10-05 4 views
-1

Ich versuche, einen Ereignis-Listener an ein statisches Element anzuhängen, um Onclicks auf meinen dynamischen Bildern zu ermöglichen. Ich kann das für mein Leben nicht erreichen. Ich habe wiederholt die Antworten in anderen Posts gesucht und kopiert, aber ohne Erfolg.onclick-Ereignis auf dynamischem Element funktioniert nicht

Ich bin nicht sicher, was ich falsch mache, ob es ein Fehler in meinem Code ist oder dass ich nur etwas zusammen vermisse.

Jede Hilfe würde geschätzt, unten ist mein Code:

$(document).on('click','.newsfeed-bump',function(bump_hype_product){ 
jQuery('#product-message-confirmation-wrap').hide(); 
jQuery('.popup-waiting-wrap').show(); 
jQuery('#modal_product_message_confirmation h4.modal-title').html(''); 

jQuery.ajax({ 
    url : the_ajax_script.ajaxurl, 
    type : 'post', 
    data : { 
     action : 'bump_hype_product', 
     type : type_text, 
     post_id : post_id 
    }, 
    success : function(response) { 

     jQuery('.popup-waiting-wrap').hide(); 
     jQuery('#product-message-confirmation-wrap').show(); 
     jQuery('#product-message-confirmation-wrap').html(response); 

     jQuery('#modal_product_message_confirmation').modal('show'); 
    } 
}); 
         }); 

Im bekommen "Uncaught Reference: type_text ist nicht definiert"

+0

Sie haben also ein Element mit 'ID =" Dokument "'? – epascarello

+0

'$ ('# document')' bedeutet, dass Sie nach einem Element mit ID 'document' suchen, wirklich ?! Ich denke, '$ (Dokument)' würde besser funktionieren ... –

+0

Können Sie ein JSfiddle Beispiel zeigen? –

Antwort

1

bitte versuchen Sie dieses:

$('#document').on('click','.newsfeed-bump',bump_hype_product,function(){ 
    // your logic 
} 
+0

Hoffentlich '#Dokument' ist eine ID für ein Element, aber wenn Sie auf das JavaScript-Dokumentobjekt verweisen, verwenden Sie stattdessen: $ (Dokument) –

+0

@Ryan das dritte Argument sind die Daten, die Sie an den Event-Handler übergeben. Aus irgendeinem Grund können Sie die Daten nicht direkt in der Event-Handler-Klammer übergeben. Hoffe, das hilft –

+0

@ Samir, bitte erläutern –

1

verwenden

$("body").delegate(".newsfeed-bump", "click", function(){ 
    //your code 
}); 

oder

$("body").on("click", ".newsfeed-bump" function(){ 
    //your code 
}); 
Verwandte Themen