Fire Wordpress шорткод в динамически загружаемой модальной Bootstrap - PullRequest
Новая
       31

Fire Wordpress шорткод в динамически загружаемой модальной Bootstrap

0 голосов
/ 05 июня 2018

У меня на одной странице огромное количество модалов, и я пытаюсь заставить их динамически загружаться для повышения производительности на странице.Проблема, с которой я сталкиваюсь, состоит в том, что многие модалы имеют шорткод для плагина карусели, который мы используем, поэтому, конечно, он не загружается, когда он динамически загружается.Есть ли способ обойти это?Вот код для модального «чистого листа»: 

<!-- Modal -->
<div class="modal" id="mymodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="padding-right:0px !important;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        </div>
    </div>
</div>

Вот что я загружаю в него: 

<div class="modal-header">
    <!-- Header Code -->
</div>
<div class="modal-body">
    <div class="wondermodal">
        <div style="max-width:450px; margin:0 auto;">
            <!-- Shortcode that's giving me grief -->
            [wonderplugin_carousel id="33"]
        </div>
    </div>
    <div style="margin-top:50px;">
        <!-- Rest of the Body Code -->
    </div>
</div>
<div class="modal-footer">
    <!-- Footer Code -->
</div>

А вот код JavaScript, который я использую для его загрузки:

jQuery('.openModal').click(function (event) {
    jQuery('.modal-content').load(/*Url of modal content*/);
});

Любое понимание того, как я могу использовать этот шорткод?

1 Ответ

0 голосов
/ 05 июня 2018

Как насчет того, чтобы обернуть его в теги PHP и запустить как

<?= do_shortcode('[wonderplugin_carousel id="33"]');?>

Это вариант для вас?

...