动态元素上的onclick事件无法正常工作

时间:2016-10-05 12:59:30

标签: 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');
    }
});
                        });

我得到“Uncaught ReferenceError:type_text未定义”

2 个答案:

答案 0 :(得分:1)

请试试这个:

{{1}}

答案 1 :(得分:1)

使用此

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

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