JQuery--計算元素的寬度

   /*width:只能計算元素的內容寬度
        * innerWidth():可以獲取元素的  內容+padding 的寬度
        * outerWidth():可以獲取元素的   內容+padding+border 的寬度
        * outerWidth(true):可以獲取元素的 內容+padding+border+margin 的寬度
 */

/*例子*/
  /*計算產品塊標簽頁導航條的寬度：獲取所以導航項，將其寬度累加*/
    var proTabs = $(".wjs_product .nav-tabs");
    var allProTabsLi = proTabs.find("li");
    var total = 0;
    allProTabsLi.each(function(index,value){
        /*width:只能計算元素的內容寬度
        * innerWidth():可以獲取元素的  內容+padding 的寬度
        * outerWidth():可以獲取元素的   內容+padding+border 的寬度
        * outerWidth(true):可以獲取元素的 內容+padding+border+margin 的寬度*/
        total += $(value).innerWidth();
    });
    proTabs.width(total);
    /*使用iScroll實現子元素的滑動*/
    var myScroll = new IScroll(".wjs_tabParent",{
        scrollX: true, scrollY: false
    });