0

试图增强 jQuery 可拖动的可用性我遇到了以下问题。我有一个 div 容器，包含一个（小）图像和一个文本，让用户有机会将图像拖到文本编辑器中。

如果我将 .draggable 添加到 img 中，一切正常，但由于图像很小，可用性不好。

所以，我想做的是使 div 容器可拖动，但只拖动 img。有谁知道解决方案？

编辑：这是代码

HTML += '<div id="row'+file.id+'" class="box downloadfilerow" style="opacity: 1;height:'+(that.options.previewMaxHeight)+'px;overflow-y:auto;padding:8px 0px 8px 2px;border-bottom:1px solid #DDD;">';
if (file.preview_url) {
   if (<?=json_encode($uploadAllowed)?>) {
        HTML +='<div class="delete">';
        HTML +='<button class="btn" style="float:right;margin:'+(that.options.previewMaxHeight/8)+'px;" id="del'+file.id+'" title="<?=Yii::t('widgets/FileSelector', 'Delete')?>" rel="tooltip">';
        HTML +='<i class="icon-trash"></i>';
        HTML +='</button>';
        //HTML +='<input type="checkbox" name="delete" value="1" style="float:left;margin:0px 10px;height:'+that.options.previewMaxHeight+'px;">';
        HTML +='</div>';
    }
    HTML +='<div style="float:left;height:'+that.options.previewMaxHeight+'px"><img data-view-url="'+file.view_url+'" style="float:left;cursor:move;max-width:'+that.options.previewMaxWidth+'px;max-height:'+that.options.previewMaxHeight+'px;" data-file="'+file.id+'" data-filename="'+file.name+'" id="'+file.id+'" src="'+ file.preview_url +'"></div>';
    HTML += namedLink;
    HTML += fileSize;

和

$("#row"+file.id).draggable({ helper: 'clone', zIndex: 2700, appendTo: 'body'});
4

0 回答 0