Question

动态元素上的 onclick 事件不起作用

2016-10-05

483

javascript jquery dynamic onclick event-listener

我试图将事件侦听器附加到静态元素，以允许我的动态图像上的 onclicks 工作。我似乎无论如何都无法实现这一点。我反复搜索并复制其他帖子中的答案，但无济于事。

我不确定我做错了什么，是代码中的错误还是我完全错过了一些东西。

任何帮助都将不胜感激，以下是我的代码：

$(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');
    }
});
                        });

我收到“未捕获的 ReferenceError：type_text 未定义”

Answer 1

请尝试这个：

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

prestige Godson

2016-10-05

Answer 2

使用此

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

或

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