如何确定是否已调用突变?

问题描述

我在下面具有此突变观察器功能。问题是,如果满足“ false”的条件,则console.log将在浏览器中记录多次。我认为解决此问题的最佳方法是在此处添加一些内容,如果遇到突变,请勿运行功能。

是否在else条件条件之后添加 mutationObserver.disconnect();

            window.addEventListener('DOMContentLoaded',(event) => {
            
            // Listening to Class Changes //
            var mutationObserver = new MutationObserver(function (mutations) {
                mutations.forEach(function (mutation) {
                    var change = mutation.target.classList.contains('hidden-class');
                    if (change === true) {
                        return true;
                    }
                    else if (change === false) {
                        console.log('this mutation is visible');
                        }
                });
            })
            mutationObserver.observe(document.getElementById('cart-wrapper'),{
                attributes: true,characterData: true,childList: true,subtree: true,attributeOldValue: true,characterDataOldValue: true
            });

        });

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)