jquery - 初心者向けWordpress Ajax

Question

特に Ajax Post 内で Ajax post を使用すると問題が発生します。これが可能な場合は、私に教えてください。

私のシナリオは次のようになります。

テーマにWordpressとBootstrapを使用しています。Ajaxを使用してロードしたい「製品」の投稿タイプがあり、クリック時にAjaxを使用したWordpress投稿を使用して（テスト目的で）個別に正常に実装されましたポスト。

私は筋金入りの PHP プログラマーでも jQuery プログラマーでもないので、この 2 つを次のような 1 つのコードにまとめることができるかどうか知りたいです。

最初のクリックで最初の Ajax 投稿が表示され、最初の Ajax 投稿内で 2 回目のクリックで Ajax を介して Bootstrap モーダルも読み込まれます。

これが私の初期コードのフォーマットです---

jQuery:

// AJAX POST / stackoverflow.com/questions/15402239/how-to-load-wordpress-post-with-ajax-onclick
// Calls archieve-products.php
$.ajaxSetup({cache:false});
$("a.ajax").click(function(){
    var post_url = $(this).attr("href");
    var post_id = $(this).attr("rel");
        $("#brand-default").hide();
        $("#brand-listing").show().html('<div class="loading"></div>');
        $("#brand-listing").load(post_url);
    return false;
});

// MODAL VIA AJAX POST / wpquestions.com/question/showChrono/id/7922
// Opens modal.php
$('[data-toggle="modal"]').click(function(e) {
    e.preventDefault();
    var href = $(this).attr('href');
        if (href.indexOf('#') == 0) {
            $(href).modal('open');
        } else {
            $.get(href, function(data) {
            $('<div id="brands" class="modal hide fade">' + data + '</div>').modal();
        });
    }
});

カスタム ページ テンプレートからの HREF:

<a href="<?php echo $cpt_onomy->get_term_link( $term, $term->taxonomy ); ?>" rel="<?php the_ID(); ?>" class="ajax">

アーカイブ ページ テンプレートからの HREF:

<a href="<?php bloginfo('template_url');?>/modal.php?ID=<?php the_ID(); ?>" data-toggle="modal">

私が提供したコードが私を助けるのに十分であることを願っています. よろしくお願いします:)