jquery ui 在IE系列浏览器下 拖放后 无法实现缩放 求解答

wwwmmm 发布于 2013/07/19 13:05
阅读 424
收藏 0

在chorme下正常,但是是IE下拖放div1,放置到div2中 该div1无法实现缩放效果,但是发现一个奇怪的现象,就是在div2前加上一定高度的内容 把div2 挤出屏幕 然后可实现正常缩放 求解决办法

$("#drag").draggable({ helper: 'clone', cursor: "move"});
$("#hellotest2").droppable({
    tolerance: "pointer",
    drop: function(event, ui){
        var ud = ui.draggable;
        if( ud.draggable( "option", "helper" ) == "clone" ){
            ud.clone()
            .appendTo("#hellotest2")
            .resizable()
            .draggable()
            .on("mouseover" ,function(){
                $(this).css("border", "1px solid red");
            })
            .on("mouseout" ,function(){
                $(this).css("border", "1px solid #999");
            })
.css({
    position: 'absolute',
    left: ui.position.left,
    top: ui.position.top
})
        }
    },
    out: function(event, ui){
        ui.draggable.remove();
    }
});
<div style="height:700px">
这里是 一定高度的div 把下面的div挤出第一屏 删除此div 无法缩放
</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>


加载中
返回顶部
顶部