9.動態樣式的處理

基本的樣式，早就寫好了。接下來要處理動態新增的樣式。

什麼時候變灰？

當不能再加或不能再減的時候變灰。

什麼時候變亮？

可以加，加按鈕就變亮，可以減，減按鈕就變亮。

如何處理樣式？

當減號或是減號需要變灰的時候，給他們加一個類名：“num-lose”，反之把這個類名去除。

什麼時候變？

1.點了加的時候要變
2.點了減的時候要變
3.設定存庫，最大購買量，最小購買量，倍數購買的時候

這麼多情況都要變化，那麼變化樣式的肯定得獨立出一個函式了。

//控制按鈕樣式
Quantity.prototype.btnStyle = function () {

};

呼叫控制樣式的函式

1.需要在加動作的時候新增。
2.需要在減動作的時候新增.
3.需要在設定之後的時候新增。

書寫控制樣式的程式碼

//控制按鈕樣式
Quantity.prototype.btnStyle = function() {
    if (this.no <= this.tupleMinbuy) {
        this.cutBtn.addClass('num-lose');
    } else {
        this.cutBtn.removeClass('num-lose');
    }
    if (this.no >= this.tupleMaxbuy) {
        this.addBtn.addClass('num-lose');
    } else {
        this.addBtn.removeClass('num-lose');
    }
};

這樣子樣式的控制就完成了！例子：http://jsfiddle.net/gs_jquery/m5vpfbqe/