0

我有一个问题，我想让一个元素既可拖动又可调整大小。即使在删除标签后，它也应该可以调整大小。

一些示例代码

function  DivMouseDown(id)
{
  try {
    jQuery('#'+ id).draggable({
    opacity: 0.5,
    revert: 'invalid'
    });
  } catch (e) {
    alert ("exception in DIVmouse down: "+ e);
  }

  try {
    jQuery('#droppable').droppable({
      drop: function(ev,ui) {
        var type = jQuery(ui.draggable).attr("tagtype");
        id = jQuery(ui.draggable).attr("id");
        if(document.getElementById(id) != null) {
          var tagStatus = document.getElementById(id).getAttribute('newtag');
          var idTemp = Math.floor(Math.random()*1000); 

          if(tagStatus == 'new')
          {
            //Create new div at the same place and replace this tag status.
            var divId = document.getElementById(id);
            divId.setAttribute('newtag','old'); 
            divId.setAttribute('id',idTemp);
            CreateWorkboardDiv('html comment', type); 
            jsmarty = WMCreateSmartyObject();
            divValue = WMSmartyFetch(jsmarty, 'edit_menu.tpl');
            document.getElementById(divId.id).innerHTML = divValue;
            jsmarty.clear_all_assign();
            //Open Edit box.
            CollabobaTagCreate(divId.id,type,0);    
          }
          else
          {
            //drag on board  div.
            //Nishima-10-09-09
            var position = new Array();
            position['left'] =  document.getElementById(id).offsetParent.offsetLeft + document.getElementById(id).offsetLeft;
            position['top']   = document.getElementById(id).offsetParent.offsetTop + document.getElementById(id).offsetTop;
            position['width'] =  document.getElementById(id).offsetWidth;
            position['height'] =  document.getElementById(id).offsetHeight;
            position['zindex'] =  jQuery('#' + id).css('zIndex');
            var stickyid = document.getElementById(id).getAttribute('stickyId');  
            UpdateStickyPosition(position,stickyid);
            //Nishima-10-09-09
          }
        }
      }
    });
  }
  catch (e)
  {
    alert ("exception in DIVmouse down: "+ e);
  }
}

任何人都可以告诉我如何让我的元素在它被丢弃后变得可伸缩。在上面的代码标签中，拖放工作完美，但我可以添加什么来使元素在 CHROME 中也可调整大小。

谢谢

4

1 回答 1

0

看看这个问题：Custom Resizable Handles in JQuery UI

于 2009-09-14T06:38:11.473 回答