我正在使用Modula插件来加速画廊的创建过程。它工作得很好，但我不知道如何在ajax调用中正确渲染它。我阅读了有关通过ajax呈现短代码的文章，但到目前为止，我很难在代码中实现它。以下是我使用的代码：

add_action(\'wp_ajax_nopriv_getHistory\', \'getHistory_ajax\');
add_action(\'wp_ajax_getHistory\', \'getHistory_ajax\');

function getHistory_ajax(){ 
 $args = array(
        \'post_type\'      => \'gallery\',
        \'posts_per_page\' => -1,
        \'meta_query\' => array(
            array(
                \'key\' => \'post_gallery_gallery_year\',
                \'value\' => $festivalQueryYear,
                \'compare\' => \'LIKE\'
                )
            ),
        \'meta_key\'       => \'post_gallery_gallery_year\',
        \'orderby\'        => \'meta_value_num\',
        \'order\'          => \'DESC\',
     
    );
    
    $gallery= new WP_Query($args); 

    if($gallery->have_posts()) : while($gallery->have_posts()): $gallery->the_post();

        $shortcode = get_field(\'gallery_shortcode\');

        echo do_shortcode($shortcode);

    endwhile; wp_reset_postdata(); endif; 

 }

在中ajax.js

   $(".festival-year-toggler-js-ajax").on("click", function (e) { 
      $.ajax({
          url: wpAjax.ajaxUrl,
          data: { action: "getHistory", festivalQueryYear },
          type: "POST",
          success: function (data) {
               $(\'.target-div\').html(data);
          },
          error: function (error) {
               console.warn(error);
          },
        });

 })

结果是，库中的图像被渲染，但没有指定的布局，这显然是因为短代码没有在其默认环境中运行。如何运行此短代码，使其在ajax调用中的呈现方式与在正常页面加载中的呈现方式相同？

非常感谢您的帮助！！！

$.ajax({
    success: function (data) {
        // add html to the DOM
        $(\'.target-div\').html(data);

        // the basic idea..
        some_vendor_function_to_init_gallery(
            $(\'.target-div\')
        );
    },
});

var modulaGalleries = jQuery(\'.modula.modula-gallery\'); 
     jQuery.each(modulaGalleries, function () { 
          var modulaID = jQuery(this).attr(\'id\'), 
          modulaSettings = jQuery(this).data(\'config\');
          jQuery(\'#\' + modulaID).modulaGallery(modulaSettings); 
     });

$.ajax({
    success: function (data) {
        // add html to the DOM
        $(\'.target-div\').html(data);
          var modulaGalleries = jQuery(\'.modula.modula-gallery\'); 
          jQuery.each(modulaGalleries, function () { 
          var modulaID = jQuery(this).attr(\'id\'), 
          modulaSettings = jQuery(this).data(\'config\');
          jQuery(\'#\' + modulaID).modulaGallery(modulaSettings); 
          });
});