खींचें फिर से बड़े आकार का 2 कॉलम लेआउट

Question

मैं बस jQuery ui

http://jsfiddle.net/3zLRJ/

के साथ एक खींचें फिर से बड़े आकार का लेआउट बनाने की कोशिश की लेकिन मेरी वास्तविक उद्देश्य इस

की तरह कुछ था क्या यह jQuery यूआई विधि के साथ बनाना संभव है?, या

Answer 1

प्लगइन उपलब्ध नहीं है प्लगइन इसे डिफ द्वारा समर्थित नहीं करता है अल्ट, इसलिए मैंने आपके लक्ष्य को हासिल करने के लिए शुरुआत की। मैंने resize event के लिए div में फ़ंक्शन में कड़ी मेहनत की है, यह गतिशील बनाने के लिए आप पर निर्भर है;)।

var total_width = 500; 

$("#div1").resizable({ 
    grid: [1, 10000] 
}).bind("resize", resize_other); 


function resize_other(event, ui) { 
    var width = $("#div1").width(); 

    if(width > total_width) { 
     width = total_width; 

     $('#div1').css('width', width); 
    } 

    $('#div2').css('width', (total_width - width)); 
}​ 

Fiddle example

आशा इस मदद करता है! http://jsfiddle.net/3zLRJ/5/

आप जब एक, आकार दिया जा रहा है, हालांकि, resize घटना के माध्यम से दोनों divs समायोजित करने के लिए कोड जोड़ने की आवश्यकता होगी:

Answer 2

divs की handles संपत्ति सेट करें।

एक और विकल्प दोनों के बीच तीसरा div बनाने के लिए है, इसे draggable बनाएं, और इसकी गति को केवल पक्ष में जाने के लिए बाध्य करें। फिर, drag ईवेंट पर इसके चारों ओर divs समायोजित करें।