[WordPress] クリックしてイベント ウォン ' t 火災後 AJAX フィルター、DOM を操作します。

スポンサーリンク

質問

各商品属性に基づいて dom 操作 AJAX フィルターを持っている e コマース サイトを取り組んでいます

クリックで各製品でより多くの製品属性をプルするもう 1 つの AJAX 呼び出しを書いています

ここでは開発サイトへのリンク

ここでは私の AJAX の呼び出し

$('.each-product').on('click', function (e) {

    /** Prevent Default Behaviour */
    e.preventDefault();

    /** Get Post ID */
    var post_id = $(this).attr('id');
    var response_class = '.' + post_id + '-ajax-response';


    /** Ajax Call */
    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        data: { action: 'product_extra_info', id: post_id },
        beforeSend: function () {
            $(response_class).show().html("Loading...");
        },
        success: function (data) {
            $(response_class).show().html(data);
            //alert(data);
        }

    });
    return false;
});

の答え

参照

.on

イベントの代表団。

click

とに動的に追加ドム交換コードは

on

のように見えるだろうものにバインドできません:

$('.products').on('click', '.each-product', function (e) {

    /** Prevent Default Behaviour */
    e.preventDefault();

    /** Get Post ID */
    var post_id = $(this).attr('id');
    var response_class = '.' + post_id + '-ajax-response';


    /** Ajax Call */
    jQuery.ajax({
        type: 'POST',
        url: ajaxurl,
        data: { action: 'product_extra_info', id: post_id },
        beforeSend: function () {
            $(response_class).show().html("Loading...");
        },
        success: function (data) {
            $(response_class).show().html(data);
            //alert(data);
        }

    });
    return false;
});

http://stackoverflow.com/questions/28006402/on-click-event-wont-fire-after-ajax-filter-manipulates-the-dom

スポンサーリンク

Leave a Reply