想要拖动我的div水平滚动显示滚动

我必须将我的div拖到另一个div。这是做拖动&下降，但在我的代码，因为我用他滚动的Bootstrap JS。正因为如此，当我拖动horizontall时，它也显示在滚动Div本身拖动。如何显示在div上的拖动？想要拖动我的div水平滚动显示滚动

我的观点代码如下。

<fieldset class="span4"> 
     <legend>Builder</legend> 
     <div class="builder scrollspy-example" id="builderBox" data-spy="scroll" style="height: 600px;" data-bind="foreach:items"> 
      <div class='media draggable alert alert-block fade in' data-bind="attr:{'data-id':ID}"> 
      <button type='button' class='close' data-dismiss='alert'>×</button> 
      <div class='row'> 
        <legend><h4 class='media-heading' data-bind="text:Title" style='margin-left: 30px;'></h4></legend> 
      </div> 
      <div class="row" style="margin-left: 5px;"> 
       <div class='pull-left'> 
         <img class='media-object' data-bind="attr:{src:'http://images.vidzapper.com/'+ImageUrl+'?w=60&h=60'}" style='width: 60px; height: 60px;' /> 
       </div> 

       </div> 
      </div> 
     </fieldset> 
     <fieldset class="span4"> 
      <legend>Organizer</legend> 
      <div class="Organizer scrollspy-example" id="drop" data-spy="scroll" style="height: 600px;"> 
      </div> 
     </fieldset>

而且在脚本的拖放&下降的代码是如下::

$("#drop").droppable({ 
       accept: ".draggable", 
       drop: function (event, ui) { 
        console.log("drop"); 
        var dropped = ui.draggable; 
        var droppedOn = $(this); 
        $(dropped).detach().css({ top: 0, left: 0 }).appendTo(droppedOn); 

        } 
       }); 
    $("#drop").sortable();

我能做些什么，这样我可以显示拖动在我的字段集？

来源

2013-04-24 Rahul RJ

使用遏制属性限制拖动到指定元素或区域的范围内。可能的字符串值：'parent'，'document'，'window'，[x1，y1，x2，y2]。

$('.draggable').draggable({ 
    containment:'body' 
});

Link

来源

2015-09-04 11:17:19 Rajesh

想要拖动我的div水平滚动显示滚动

回答

相关问题