Журналы свойств объекта JavaScript не определены - PullRequest
Новая
       40

Журналы свойств объекта JavaScript не определены

1 голос
/ 12 января 2012

хорошо, поэтому у меня есть объект js, объявленный вверху моего файла js, а внизу у меня есть функция, которая создает свойство и добавляет к нему значение, но когда я иду в консоль, регистрируйте новое свойство в другом функция возвращает неопределенное значение, но если я записываю весь объект целиком, он показывает объект, а новым свойством со значением ниже является код: 

$(document).ready(function(){
var allVars={};
contentJson();
bioPageClass();


//start bioPage code.
function bioPageClass(){
    console.log(allVars.nums)
    //allVars.bioContent=allVars.allContent.theComittee.bios;
    allVars.timeTxt=allVars.allContent.theComittee.timeline;
    mouseEx();
    bioInfo(0);
    $('#next').click(function(){
                var itsindex = inkDot($('.dot').index($('.filled'))+1);

            });

            $('#pre').click(function(){
                var itsindex2 = inkDot($('.dot').index($('.filled'))-1);

            });

            function inkDot(dots){

                $('.dot').removeClass('filled');
                var equalize = dots < 0 ? 0 : dots;

                if(equalize <= $('.dot').length -1){
                $('.dot:eq('+equalize+')').addClass('filled');
                console.log('1st if '+equalize);
                bioInfo(equalize);
                }else{
                    equalize=0;
                    console.log('the else '+equalize);
                    $('.dot:eq('+equalize+')').addClass('filled');
                    bioInfo(equalize);
                }
            }

            function mouseEx(){
                $(".TLBtn").mouseover(function(){
                    if(!$(this).hasClass('clkd')){
                        $(this).addClass("timeROver");
                    }
                }).mouseout(function(){
                    if(!$(this).hasClass('clkd')){
                        $(this).removeClass("timeROver");       
                    }
                });

                $(".TLBtn").click(function(){
                    $(".TLBtn").removeClass('clkd timeROver');
                    $(this).addClass('clkd timeROver');
                })
            }

            function timeLineInfo(){

            }

            function bioInfo(ix){
                $('.bioCon').fadeOut(100, function(){
                    $('#bioImage > img').attr('src',bioContent[ix].image);
                    $('#bioName').html(allVars.bioContent[ix].name);
                    $('#bioTitle').html(allVars.bioContent[ix].title);
                    $('#bioDisc').html(allVars.bioContent[ix].details);
                    $('.bioCon').fadeIn();
                });
            }
        }
    //end bio page code.


            //call content json.
            function contentJson(){
                $.getJSON("content.json", function(json){
                allVars.allContent = json;
                allVars.nums = 8000;


                });
            }
});

что я тут не так делаю ???

1 Ответ

1 голос
/ 12 января 2012

Проблема в том, что эти функции выполняются асинхронно, и bioPageClass вызывается до того, как getJSON будет выполнено. Измените его так, чтобы bioPageClass вызывался как обратный вызов.

Вы можете сделать это, если хотите:

Вверху: 

contentJson(bioPageClass);

In contentJson: 

function contentJson(callback){
  $.getJSON("content.json", function(json){
    allVars.allContent = json;
    allVars.nums = 8000;
    callback();
  });
}

Но может быть проще (и лучше практиковать) передавать все переменные, чем сохранять их глобальными. Определите его в contentJson, а затем передайте его bioPageClass. Без более красивого обратного вызова вы могли бы просто сделать: 

function contentJson(){
  var allVars = {};
  $.getJSON("content.json", function(json){
    allVars.allContent = json;
    allVars.nums = 8000;
    bioPageClass(allVars);
  });
}
...