【kintone】ポータル画面のアプリの順番を入れ替える

Javascriptをカスタムして以下のhtmlの順番を入れ替えて表示したいと考えております。

html

<ul class="gaia-argoui-appscrollinglist-list">

  <li id=":1n.120" class="gaia-argoui-appscrollinglist-item-outer-120">XX</li>

  <li id=":1n.119" class="gaia-argoui-appscrollinglist-item-outer-119">XX</li>

<ul>

portal画面のJS

$(function(){
$('.gaia-argoui-appscrollinglist-item-outer-120').before($('.gaia-argoui-appscrollinglist-item-outer-119'));
});

こちらのコードで動作しないのですが、原因と解決方法がわからず、もしご存知の方がいればご教示ください。

宜しくお願い申し上げます。

setTimeoutで時間をずらずことで実装することができました。

一方で「さらに表示する」以降についてDOMを読み込んだ時点で存在しないので順番を入れ替えることができないのですが

なにかうまいアイデアがある方いらっしゃれ、ご教示ください。

宜しくお願い申し上げます。

ryoryoさん

試していないので外しているかもしれませんが、DOMを監視してあげれば実現できるのでは無いかと思います。

MutationObserverというDOMを監視する仕組みがあるので、そちらを使ってはどうでしょうか?

参考)

https://qiita.com/munieru_jp/items/a6f1433652124a2165e4

コメントありがとうございます。

「さらに表示する」についてはクリックしないとDOMが変更されないため、当初表示している状態から順番を並べ替えるには

DOMを監視しても難しそうです。違うアプローチを検討してみます。