可調整大小的選項卡區域

Question

我想在頁面的選項卡上調整大小的選擇器，所以我使用了Jquery UI可調整大小的組件。但我在找出所選標籤的數量等問題時遇到了問題。

注意：div可以從兩端調整大小。

這裏是我的小提琴：http://jsfiddle.net/svXTa/10/

是否有任何的jQuery插件，可以爲我提供這樣的功能？

Answer 1

var enw = parseInt(Math.abs(newWidth/gridSize)); 

編輯：

我回來了一個新的更新。請檢查這jsfiddle

var tabs = []; 

$(document).ready(function(){ 

    $('.dateTab ul li').each(function(){ 
     var tabNo = parseInt($(this).html(),10); 
     tabs.push({'no':tabNo, 'right':tabNo * ($(this).width() + 2)}); 
    }); 

    $('#dDragHandler').resizable({ 
     handles: 'e,w' , 
     grid: [32,32], 
     distance: 28, 
     maxWidth: 940, 
     minWidth: 0,  
     resize: function(event, ui) { 
        }, 
     stop : function(event, ui) { 

     var pos = $('.dateDragHandler').offset(); 
     var width = $('.dateDragHandler').width()+1; 
     var right = pos.right + width; 

      var html = "Number of tabs selected: " + parseInt(width/32, 10); 


     for(var i = 0; i < tabs.length; i++) { 
      if(tabs[i].right == pos.left) { 
       html += "<br />First tab selected is: " + tabs[i + 1].no; 
      } 
      if(tabs[i].right == right) { 
       html += "<br />Latest tab selected is: " + tabs[i].no; 
      } 
     } 
     $('.dateInfoTab').html(html); 

    } 
    }); 
});