jQuery-UI: आकार बदलने योग्य - खींचने योग्य किनारे के आकार को कैसे बढ़ाया जाए?

Question

मैं एक तालिका की ऊंचाई बढ़ाने के लिए jQuery-UI के आकार बदलने योग्य किनारों का उपयोग कर रहा हूं। मैं सोच रहा हूं कि मोटी तल सीमा बनाने के लिए कैसे खींचा जा सकता है? टेबल के चारों ओर सीमा को बढ़ाने से कोई फर्क नहीं पड़ता है।

Answer 1

$(...).resize() पर कॉल करने के साथ, आप किसी भी बच्चे-तत्व को हैंडल के रूप में सेट करने में सक्षम हैं। Take a look at this example:

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

यह निचले किनारे पर #resizeDiv के लिए आकार बदलने को सक्षम, सक्रिय खींचने क्षेत्र के रूप में #handle तत्व बताए।

Answer 2

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

आप आकार बदलने हैंडलर के लिए एक नई छवि की जरूरत है, लेकिन यहाँ आप के साथ कुछ, इसकी सिर्फ सीएसएस काम कर सकते हैं!

Answer 3

आप सीएसएस का एक सा बदलकर उस लक्ष्य को हासिल कर सकते हैं:

सीएसएस^{कक्षाएं jQuery के यूआई शैली पत्रक}

/* 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; 
} 

इस Fiddle Example पर आप कार्रवाई में इसे देख सकते हैं पर उपस्थित!

नोट:

आप वास्तव में jQuery यूआई स्टाइल शीट पर कुछ भी बदलने के लिए, बस jQuery यूआई स्टाइल शीट के शामिल किए जाने के बाद खबर सीएसएस मूल्यों की घोषणा जरूरत नहीं है!