상위 메뉴 jquery 크기를 조정 하시겠습니까?

Question

내가 원하는 효과를 얻지 못했지만 jquery 크기를 조정 해왔다.

기본적으로 메뉴의 오른쪽에 떠있는 버튼으로 크기를 조정하려는 메뉴가 있습니다. 일단 메뉴를 드래그하면 메뉴의 크기가 조정되며 가능하면 크기를 제한하고 싶습니다!

도와주세요. 여기에 내가 :(지금까지이

http://jsfiddle.net/shannonhochkins/uGtat/

고마워 무슨!

Answer 1

문서

http://jqueryui.com/demos/draggable/

jQuery를

$('#drag').disableSelection().draggable({ 
    axis: "x", 
    containment: "parent", 
    drag: function(event, ui) { 
     $('#menu').width($(this).offset().left); 
    }, 
    stop: function(event, ui) { 
     $('#menu').width($(this).offset().left); 
    } 
});​ 

CSS

#parent { 
    position: relative; 
    width: 300px; 
    height: 70px; 
    background: #ccc; 
} 
#drag, #menu { 
    position: absolute; 
    height: 70px; 
    width: 30px; 
    background-color: green; 
} 
#drag { 
    width: 15px; 
    background-color: red; 
    left: 30px; 
    cursor: pointer; 
}​ 
​ 

바이올린

http://jsfiddle.net/iambriansreed/gkMPA/