如何在div中拖动functionlity工作

我使用jQuery拖放功能，当我拖动它时，会在浏览器中移动。我需要修正一些特定的高度和宽度拖动作品只有特定的固定大小。这个怎么做？如何在div中拖动functionlity工作

2016-11-21 J.Roy

欢迎的StackOverflow！请提供您的尝试的[最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。作为[Stack Snippet]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/），因此我们可以尝试解决您的问题并解释原因你自己的尝试失败了 - 这样你就可以学到一些对你未来发展有用的东西，并为这个单一问题找到答案。 – andreas

您可以使用容器<div>来调用jQuery draggable函数。另请参阅此jQuery Ui example。

$(".example").draggable({ 
 
    containment: ".box" 
 
});

.box { 
 
    border: solid 1px black; 
 
    width: 200px; 
 
    height: 150px; 
 
} 
 
.example { 
 
    border: solid 1px black; 
 
    width: 90px; 
 
    height: 90px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> 
 

 
<div class="box"> 
 
    <div class="example">Drag me</div> 
 
</div>

来源

2016-11-21 09:56:20 andreas

如何在div中拖动functionlity工作

回答

相关问题