클릭 할 때 div를 추가하고 mousedown을 사용하여 자동으로 크기 조정 마우스 UI 기능을 시작하고 싶습니다.JQuery 크기 조정 div
div를 쉽게 추가 할 수 있으며 크기를 쉽게 조정할 수 있습니다. 하지만 마우스 이벤트를 전달하고 바인딩하여 크기 조정이 바로 시작될 수있는 방법을 알아낼 수는 없습니다.
div와 같은 그림을 마우스로 드래그하여 추가하고 그릴 수 있다고 상상해보십시오 ...?
정말 고마워요.
초기 이벤트 처리기가 바인딩 된 후에 div가 DOM에 추가되므로 .bind()가 새 요소에서 작동하지 않습니다. jQuery는 .bind()와 같은 일을 할 멋진 .live() 메소드를 가지고 있지만 나중에 DOM에 추가 된 요소에 적용됩니다. . ('. my_new_div을') ('mousedown', my_resize_handler)
$ 살고 :
그래서, 당신은 대략 다음처럼 작성할 수
편집 : 또한 새로운 .delegate() 메소드를 봐주세요. .live()와 매우 유사하지만보다 효율적입니다.
감사합니다. 몇 주 전에 "라이브"에 대해 알고 싶습니다. –
.live() 또는 .delegate()는 새로운 콘텐츠와 요소가 즉시 생성되는 풍부한 UI에 적합합니다. 이벤트 처리기를 연결하기 위해 모든 것을 다시 바인딩해야하는 번거 로움을 덜어줍니다. – rbaker86
꽤 흥미 롭습니다. 그러나 라이브처럼 보이는 항목에 이벤트를 실행하고 싶습니다. 크기를 조정하려면 모서리의 항목을 클릭하면됩니다. 이미 활성화 된 mousedown이 모서리를 클릭 한 것처럼 크기 조정을위한 mousedown이되기를 바랍니다. 지금까지 도움을 주셔서 감사합니다. – msj121
가능한 복제본 : http://stackoverflow.com/questions/527468/jquery-manual-resizable-div – cregox