jQuery-UI: yeniden boyutlandırılabilir - sürüklenebilir kenarın boyutunu nasıl artırırım?

Question

Bir tablonun yüksekliğini artırmak için jQuery-UI'nin yeniden boyutlandırılabilir kenarlarını kullanıyorum. Sürüklenebilecek daha kalın bir alt kenarlığın nasıl oluşturulacağını merak ediyorum? Tablonun etrafındaki sınırın artırılması bir fark yaratmıyor.

Answer 1

$(...).resize() numaralı telefonu arayarak, alt öğeyi tanıtıcı olarak ayarlayabilirsiniz. Take a look at this example: Aktif sürükleme alanı olarak #handle öğesi atama alt kenarında #resizeDiv için boyutlandırma sağlayan

$("#resizeDiv").resizable({handles: {'s': '#handle'}}); 

.

Answer 2

http://jsfiddle.net/89v9U/1/

Sen yeniden boyutlandırma işleyicisi için yeni bir resim gerekir, ancak heres şeyler sen, onun sadece CSS ile çalışabilir!

Answer 3

CSS biraz değiştirerek elde edebilirsiniz: Eğer eylem görebilirsiniz bu Fiddle Example tarihinde jQuery UI stil sayfasına

/* handle on the bottom */ 
.ui-resizable-s { 
    height: 15px; 
} 

/* handle on the right */ 
.ui-resizable-e { 
    width: 15px; 
} 
/* handle icon (corner) */ 
.ui-resizable-se { 
    width: 15px; 
    height: 15px; 
} 

üzerinde^{sınıfları mevcut}

CSS!

Not:

Gerçekten, jQuery UI Stil Sayfası'nda herhangi bir değişiklik sadece jQuery UI Style Sheet dahil ettikten sonra haber css değerleri bildirme gerek yok!