お世話になっております。

 

目次を生成するjavascriptの処理がthemes/swell/build/js/main.min.js?ver=2.8.1の中に定義されていると思いますが、

この処理を任意のタイミング、例えば別のjavascriptのコードが終了したタイミングで実行することは可能でしょうか？

 

現在記事内でReactのcomponentを複数使って表示している部分があり、

component内で定義したh2やh3が目次の自動生成に含まれたり、含まれなかったりという不安定な問題に遭遇しています。

特にスマホ表示ではReactで生成したh2、h3がたまにしか表示されず、PC表示だと表示されるケースが多いという感じです。

該当のcomponentで非同期通信などはしていません。

 

色々調査したのですが、目次自動生成の処理のタイミングでReactのcomponentの処理が全て完了していないのが原因と思われます。

そのため、Reactの処理が終わってから目次生成の処理を実行できれば解決できるのでは考えました。

添付画像の目次生成と思われるコードまで調査したのですが、即時関数内で定義されているようなので任意のタイミングで実行というのは難しいでしょうか。

Reactのjavascriptをadd_action('wp_enqueue_scripts', 'callback', 8);のようにして

themes/swell/build/js/main.min.jsの前に読み込むように試したのですが変わらない状況です。

 

仕様的に難しい場合、自力で生成するか、componentからh2やh3を外に出してコーディングしようかと考えていますが、目次生成の処理を任意のタイミングで実行できて解決できればと思っています。

 

もしご存知でしたらご教授いただけますと幸いです。

よろしくお願いいたします。