jquery ui resizable do not work after droppable with ie
hi, i get a problem when with ie, it is ok with chrome and firefox.
when i drag the div#drag from div#hellotest to div#hellotest2,
then with ie the div#drag can not resizable,
and i found something, when i add a div with
style="height: 700px" when div#hellotest is out off the browser screen it is being ok.
anyone can help me to solve it? thanks
- <div style="height: 700px">
- if i delete this div it can not resizable
- </div>
- <div id="hellotest">
- <div id="drag" style="width: 30px; height: 30px">
- <img src="/assets/1.jpg" alt="" width="100%" height="100%">
- </div>
- </div>
- <div id="hellotest2">
- </div>
- $("#drag").draggable({ helper: 'clone', cursor: "move"});
- $("#hellotest2").droppable({
- tolerance: "pointer",
- drop: function(event, ui){
- var ud = ui.draggable;
- console.log(ui.position.top+"------position top");
- console.log(ui.position.left+"------position left");
- console.log(ui.offset.top+"--------offset top");
- console.log(ui.offset.left+"------offset left");
- if( ud.draggable( "option", "helper" ) == "clone" ){
- ud.clone()
- .appendTo("#hellotest2")
- .on("mouseover" ,function(){
- $(this).css("border", "1px solid red");
- })
- .on("mouseout" ,function(){
- $(this).css("border", "1px solid #999");
- })
- .css({
- position: 'absolute',
- left: ui.offset.left,
- top: ui.offset.top
- })
- .resizable()
- .draggable({cursor: "move"})
- }else{
- ud.css({
- position: 'absolute',
- left: ui.offset.left,
- top: ui.offset.top
- })
- }
- },
- out: function(event, ui){
- ui.draggable.remove();
- }
- });