Консоль.отчет не работает на всех

Куча кода, это't работа, и я'м пытаясь определить, где проблема лежит, но консоли.журнал()` это'т рубки каких-либо результатов в инструменты разработчика Chrome, я делаю это правильно?

$(window).scroll(function() {
       $('section').each(function(){
            var id='#'+$(this).attr('id'),
                off=$(id).offset().top,
                hei=$(id).height(),
                winscroll=$(window).scrollTop(),
                dif=hei+off-($(window).height());

            if (winscroll >= off && winscroll<=dif) {
                console.log('first broken');
                $(id+' .sticky').removeClass('abs').addClass('fix');
            } else if (winscroll > dif){
                console.log('second broken');
                $(id+' .sticky').removeClass('fix').addClass('abs');
            } else {
                console.log('third broken');
                $(id+' .sticky').removeClass('fix abs');
            }   });
        });

РЕДАКТИРОВАТЬ ВЕСЬ КОД ДОБАВИЛ

$(document).ready(function() {

    // If a browser supports 3D transforms use the fancy menu if it doesn't, use standard accordion menu instead
    if($('html').hasClass('csstransforms3d')){

        $( "#mp-menu" ).removeClass( "snap-drawers" ).addClass( "mp-menu" );

        $('nav ul li ul').css('border-bottom','1px solid rgba(255, 255, 255, .05)');
        $('nav ul li ul').css('background','none');

        // Insert elements where necessary to create the right structure
        $('#mp-menu').wrapInner('<div class="mp-level" />');
        $('#mp-menu').find('li > ul').wrap('<div class="mp-level" />');

        $("#mp-menu ul li .mp-level").prepend(function () {
            return '<span class="menu-title">' + $(this).prev().text() + '</span> <a class="ico mp-back" href="#">Back</a>';
        });

        // load in necessary JS files
        $.getScript('http://176.32.230.2/baodev.com/cjo/wp-content/themes/CJO/js/multi-level-menu.js');

    } else {

        // load in necessary JS files
        $.getScript( "http://176.32.230.2/baodev.com/cjo/wp-content/themes/CJO/js/jquery.navgoco.min.js", function() {
            $("#demo1").navgoco({accordion: true});
        });

        $.getScript( "http://176.32.230.2/baodev.com/cjo/wp-content/themes/CJO/js/snap.min.js", function() {

            // Snapper settings     
            var snapper = new Snap({
              element: document.getElementById('scroller'),
              disable: 'right',
              maxPosition: 291
            });

            var addEvent = function addEvent(element, eventName, func) {
                if (element.addEventListener) {
                return element.addEventListener(eventName, func, false);
              } else if (element.attachEvent) {
                  return element.attachEvent("on" + eventName, func);
              }
            };

            // Toggle button
            addEvent(document.getElementById('trigger'), 'click', function(){
                if( snapper.state().state=="left" ){
                    snapper.close();
                    $( ".menu-trigger" ).removeClass( "active" );
                } else {
                    snapper.open('left');
                    $( ".menu-trigger" ).addClass( "active" );
                }
            });

            addEvent(document.getElementById('scroller'), 'click', function(){
                if( snapper.state().state=="left" ){
                    $( ".menu-trigger" ).removeClass( "active" );
                }
            });

            /* Prevent Safari opening links when viewing as a Mobile App */
            (function (a, b, c) {
              if(c in b && b[c]) {
                  var d, e = a.location,
                      f = /^(a|html)$/i;
                  a.addEventListener("click", function (a) {
                      d = a.target;
                      while(!f.test(d.nodeName)) d = d.parentNode;
                      "href" in d && (d.href.indexOf("http") || ~d.href.indexOf(e.host)) && (a.preventDefault(), e.href = d.href)
                  }, !1)
              }
            })(document, window.navigator, "standalone");

        });

    } // end if

    fitHeight();

    $(window).scroll(function() {
        $('section').each(function(){
            var id='#'+$(this).attr('id'),
                off=$(id).offset().top,
                hei=$(id).height(),
                winscroll=$(window).scrollTop(),
                dif=hei+off-($(window).height());

           console.log('msj');

            if (winscroll >= off && winscroll<=dif) {
                $(id+' .sticky').removeClass('abs').addClass('fix');
            } else if (winscroll > dif){
                $(id+' .sticky').removeClass('fix').addClass('abs');
            } else {
                $(id+' .sticky').removeClass('fix abs');
            }
        });
     });

});

// Trigger FitHeight on browser resize
$(window).resize(fitHeight);

Редактировать

Некоторые биты полный код (выше) ссылаются на другие файлы, JS и возвращает код ошибки при запуске этих файлов. После устранения неполадок я вижу сообщения консоли перед функцией прокрутки, но я не вижу сообщения в консоли функция прокрутки.

fitHeight();

    console.log('About to bind scroll effects'); // I SEE THIS MESSAGE

    $(window).scroll(function() {

        console.log("scroll bound, now loop through sections"); //BUT NOT THIS ONE

        $('section').each(function(){
Комментарии к вопросу (2)

Похоже, вы'вэ-либо скрытых журналы JavaScript или указано, что вы только хотите увидеть ошибки или предупреждения. Открыть Chrome's инструменты разработчика и перейти на вкладку "консоль". В нижней части вы хотите, чтобы убедиться, что JavaScript-это тикали, а также убедитесь, что у вас "у всех", то "бревна" или "отладка" и некоторые.

На изображении выше у меня есть JavaScript, сети, лесозаготовки, CSS и другие тикали и "всех" избранные.


Другая потенциальная проблема может быть, что ваш $(окно).функция прокрутки() это'т завернутый в .функции ready () (см. здесь):

$(document).ready(function() {
    $(window).scroll(function() {
        ...
    });
});

При вставке кода в JSFiddle и давая некоторым материалам манекен, ваш код отлично работает: [JSFiddle демо][3].


Правка:

Вопрос был отредактирован. Новый приведенный код выдает две ошибки:

непойманные ReferenceError: fitHeight не определен непойманные ошибку TypeError: не удается прочитать свойство 'метода addEventListener' нулевых

Из-за этого код прекращает выполнение до достижения какой-либо консоли.журнал` звонок.

Комментарии (9)

В моем случае, все сообщения консоли не показывает, потому что я оставил строку в "фильтр" в текстовое поле.

Снимите фильтр, нажав на крестик, как показано на рисунке:

Комментарии (2)
Решение

Я чувствую себя немного глупо на это, но пусть это будет уроком для всех...убедитесь, что вы нацелены на правильный селектор!

В принципе консоли не'т ничего лесозаготовки потому что этот конкретный фрагмент кода пытается захватить зоной прокрутки моим окном, когда на самом деле мой код был настроен иначе вместо прокрутки всего див. Как только я изменил:

$(window).scroll(function() {

к этому:

$('#scroller').scroll(function() {

Консоли начали лесозаготовки правильные сообщения.

Комментарии (0)

В моем случае я был развивающихся полимерной WebComponent, который включается с помощью `<ссылка отн=с"импорт" и> в основной HTML-документ. Получается, что файл WebComponent HTML был кэшируется по какой-то причине, хотя я изменил его с кэшированной версии.

Чтобы решить это я открыл консоль разработчика (в Хроме), щелкнув правой кнопкой мыши на перезарядку стрелку рядом с адресной строке и выбран и"очистить кэш и перезагрузить жесткий" и - проблема решена.

Комментарии (1)

Просто нужно выбрать правильный вариант, чтобы показать сообщения журнала из вариант в левом боку под вкладку "консоль". Вы можете обратиться на снимке экрана.

Комментарии (0)

Рассмотрим более прагматичный подход к вопросу о том, что "правильно" по.

console.log("about to bind scroll fx");

$(window).scroll(function() {

       console.log("scroll bound, loop through div's");

       $('div').each(function(){

Если оба вывода этих лог-это правильно, то, скорее всего, проблема существует в вашей декларации ВАР. Для отладки этого, рекомендуется разбивать его на несколько строк:

var id='#'+$(this).attr('id');

console.log(id);

var off=$(id).offset().top;
var hei=$(id).height();
var winscroll=$(window).scrollTop();
var dif=hei+off-($(window).height());

При этом, по крайней мере, во время отладки, вы можете обнаружить, что код ВАР `неопределено, вызывая ошибки по всей остальной части кода. Возможно ли, что некоторые теги вашдив` не имеют ID и#39;ы?

Комментарии (3)

Вы можете использовать функцию фильтра в консоли, которая будет скрывать то, что не'т соответствовать вашему запросу. Удалить запрос, и ваши сообщения будут отображаться.

Комментарии (0)

Сейчас в современных браузерах, консоли.журнал() может быть использован нажатие Ф12 ключ. Картину будет полезно четко понять концепцию.

Комментарии (0)