MutationObserver 回调中的 MutationObserver

Question

我在 JavaScript 代码中添加了一个 MutationObserver 并将其应用于 iFrame 中的特定元素。检测工作正常，但现在我需要第二个观察者。在 iFrame 中第一次单击后，它的整个 DOM 发生变化，此时第一个观察者进入并检测 iFrame 中导航元素上的任何其他单击。除此之外，我需要观察一个 div 元素以及它的文本是否会更改。因此，我们的想法是在单击导航按钮后创建第二个观察者，但它似乎不起作用，因为第二个观察者在我的控制台上没有给出任何输出。

这是 JavaScript 代码：

$('iframe').on('load', function() {
        let observer = new MutationObserver(mutationRecords => {
            let completed = false;
            var progress = $('iframe').contents().find('.overview-sidebar__header .progress-bar__percentage-bottom').first();
            let clickedClass = mutationRecords[0].target.attributes[0].nodeValue;
            
            if(clickedClass == 'transition-group') {
                console.log(progress.text());
                
                console.log(Math.ceil(Date.now() / 1000));
            } else if(clickedClass == 'page-wrap' && !mutationRecords[0].nextSibling) {
                let secondObserver = new MutationObserver(mutationRecords => { console.log('Test') });

                secondObserver .observe($('iframe').contents().find('.transition-group').first()[0], {
                    childList: true,
                    subtree: true
                });

                console.log(Math.ceil(Date.now() / 1000));
                
                $('iframe').contents().find('.section-lists .lesson-lists__item').each(function(index) {
                    console.log(index);
                    console.log($(this).find('.lesson-link__name > span').first().text());
                    
                    console.log($(this).find('.lesson-link__progress title').text().split('%')[0]);
                });
            }
        });
        
        observer.observe($('iframe').contents().find('.transition-group').first()[0], {
            childList: true,
            subtree: true
        });
    });

else if 分支中的 secondaryObserver 是这里的问题。有人知道如何解决这个问题吗？