Wordpress Ajax为新手

时间:2013-10-11 22:54:28

标签: jquery ajax wordpress twitter-bootstrap modal-dialog

我在Ajax Post中特别使用Ajax帖子时遇到问题。如果可能,请告诉我。

我的情况是这样的。

我正在使用Wordpress和Bootstrap作为我的主题。我有一个“产品”的帖子类型,我希望使用Ajax加载它并使用Wordpress post with Ajax on click成功实现它们(用于测试目的)以及使用Bootstrap模式使用{{3}加载另一个Ajax帖子}。

我不是一个核心PHP和jQuery程序员,我想知道这个2是否可以合并在一个代码中,如下所示:

第一次单击将显示第一个Ajax帖子,在第一个Ajax帖子内的第二次单击将通过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">

我希望我提供的代码足以帮助我。 非常感谢提前:)

0 个答案:

没有答案