Mathjax не рендеринг уравнений в WordPress Ajax-загруженном контенте (рендеры только после ручного TypeSetPromise ()) ⇐ Javascript

[Anonymous]

Я строю пользовательский плагин WordPress, который загружает вопросы и ответы на основе математики с использованием AJAX. These questions contain LaTeX-style MathJax expressions (e.g., $$x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$$).
The Problem:
MathJax equations do not render in the dynamically loaded content.
However, if I manually run Это в консоли браузера: < /p>
mathjax.typesetpromise (). Затем (() => console.log (" выполнен"));
Тогда все уравнения рендера (жестко кодируется или вставлена ​​через редактор страницы) рендерирует просто хорошо. < /p>
MathJax Config включен через wp_add_inline_script () перед загрузкой сценария MathJax. < /p>
context:
wordpress ajax call (yashified): < /p>
function questrite_ax_ax_feeth_ax_ax_ax_feetch_ {
...
echo '';
echo get_the_content (); // Включает MathJax как $$ x = ...
echo '';
wp_die ();
}
frontend.js ajax />}, function (response) {
$('ло-question-area'ta'tia').html(response);
// Attempted to re-render
MathJax.typesetClear();
MathJax.typesetPromise([document.getElementById('qm-question-area')])
.then(() => console.log(" MathJax rendered dynamically"))
.catch(err => console.error(" MathJax error", err));
< /code>
}); < /p>
Что я попробовал (и не исправил проблему):
Обертывание содержимого в .mathjax-render divs < /p>
Добавление небольшой задержки с использованием settimeout (...) < /p>
mathax.typeset () < /p>
mathax.typeset () < /p>
mathaX. Загружено и сайте SypeTpromise доступен
не гарантировать, что в DOM ($$ ... $$) через innerhtml

нет дополнительного конфликта. /> mathjax.typesetpromise()
в консоли браузера после того, как Ajax загружает контент - уравнения рендера. /> Некоторое время сбегания или сериализацию HTML с помощью WordPress (например,) < /p>
может быть оборудование WordPress или блокировки редакторов, мешающих парированию MathJax? commands.
Additional Info:
WordPress 6.4.x
MathJax 3 via https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg.js
Content is inserted using $ ('#qm-question-area'). html (ответ) < /p>
плагин основан на короткометражном коде и динамически выводит вопрос < /p>
перед рендерингом (Ajax Content вставлен): < /p>
$ x = \ frac 4AC}} {2A} $$
После запуска TypeSetPromise () вручную:
MathJax прекрасно видно как Svg.
Что мне нужна помощь с: < /strong>
Как я могу заставить MathJax разобраться в этом инъекционном уравнении после того, как внедрение через ajax? Триггер или конфигурация, которую мне не хватает? Цените все понимание!

Подробнее здесь: https://stackoverflow.com/questions/795 ... ers-only-a