Почему Mutation Observer срабатывает не всегда?

Question

[Павел]

На сайте есть комментарии disqus, они подгружаются скриптом в iframe через 3-4 секунды после загрузки страницы. Мне нужно было отследить момент когда они полностью загрузятся .load и .ready не помогали. Наткнулся на MutationObserver.
Есть вот такой код

function mobileComments() {
            if ($(window).width()<= 991 ) {
                var disqusHeight = $('#disqus_thread').height();
                $('.blog-index-sidebar').css("padding-bottom",disqusHeight);
                console.log(disqusHeight);
            }
            sidebarHeight();
        }

        jQuery(document).ready(function(){
            var target = $('#disqus_thread')[0];
            var observer = new MutationObserver(function(mutations) {
                mutations.forEach(function(mutation) {
                    mobileComments();
                });
            });
            var config = { attributes: true, childList: true, characterData: true };
            observer.observe(target,  config);


        });
        $( window ).resize(function() {
            mobileComments();
        });

Задача : на мобилках и планшетах, когда все складывается в одну линию, сайдбар всунуть между статьей и комментами. Код работает через раз, я там законсолил высоту блока с комментами, иногда он её подхватывает при изменениях содержимого

А иногда - нет

И все ломается

Answer 1

[Сергей Мельников]

как-бы, для этого есть официальная документация и гугл

https://help.disqus.com/customer/portal/articles/4...
https://gist.github.com/opi/2234861

Comments

[Павел]

Спасибо. код в итоге очень уменьшился

jQuery(document).ready(function(){

            disqus_config = function () {
                this.callbacks.onReady = [function() {  mobileComments();}];
            };

        });

А по мутациям подскажете все-таки? Криво написано или особенности дискасса?

[Сергей Мельников]

Павел: может быть Disqus загружается раньше чем ты вешаешь MutationObserver

[Павел]

Сергей Мельников: вряд ли, блок #disqus_thread, на который вешается MutationObserver, есть в разметке изначально, а все содержимое подгружается позже. скрипт свой пробовал и в window.load оборачивать и в document.ready, работал одинаково с перебоями.

[Сергей Мельников]

Павел: попробуй вешать его сразу, до document.ready