Question

I am trying to add two numbers but for some reason I am not getting NaN.

Following is the sample code

function Slider(container, nav, pagination){
    this.articleWidth = this.div.width() + 20;
    this.divWidth = 960;
    this.articleMargin = 0;
    this.pageMargin = this.divWidth + this.articleMargin
}

Slider.prototype.articleTransition = function(pageNum){
    var currArticle = pageNum -1;
    this.articleMargin = currArticle * this.articleWidth;
    this.container.animate({'margin-left': -this.articleMargin});
}

Here everything works as expected. But this.pageMargin is always 0 even though this.articleMargin‘s value is changing in the articleTransition function. And when I console log this.pageMargin is says NaN. I am trying to change value of this.articleMargin‘s value, everytime it is being invoked in the function.

Here is how I am invoking the function in my HTML.

    var slider = new Slider($('div#contentSleeve'), $('a.anav'), $('ul#scroller li'));

    slider.pagination.live('click', function(){
        slider.articleTransition($(this).data('num'));
    });

Answer 1

I did fix this. All I had to do was to create a global variable that will store the value of both pageMargin and ArticleMargin.