如何阻止div移出边界div $(document).ready(function() { }); <div id="drag_border">
<div</
浏览 3提问于2010-08-22得票数 0
回答已采纳
我有一个在div中运行的可拖动的图像。然而，我想这样做，如果当用户按下鼠标并拖动元素/ div时，当鼠标按下或其边界离开div时，它将不再可拖动。当按下控件上的按钮时，将启用拖动，该按钮将正常工作。我只是希望能够在鼠标超出特定div /元素的边界时停止拖动。
if (button.v
浏览 6提问于2012-03-21得票数 3
回答已采纳
draggable的文档显示，我们可以使用containment parent来约束元素可以被拖动到的位置。这似乎表明可拖动元素被约束到另一个元素。
我希望它可以做上面的事情，或者至少按照下一个屏幕截图与父母保持联系。$( "#draggable" ).draggable({con
浏览 1提问于2020-01-03得票数 0
这里有一个代码，它使用jquery和jquery中的可拖式。"> <script src="js/jquery-ui.js</script><body>
<
浏览 1提问于2014-03-13得票数 0
回答已采纳
2回答
我已经使网页上的所有元素都可以用jquery UI拖动。<div style="width:150px;height:120px;border:1px solid red;background-color:#F0F0F0"> <span style="background-color:red">Drag me<&#x
浏览 0提问于2015-06-23得票数 0
从内部可拖动的jquery ui，它会触发模糊事件，所以我无法设置容器的边界。我是不是遗漏了什么？如何在选择可拖动元素时设置边框。我正在尝试在select上添加边框(鼠标按下时)。 $("#draggable").draggable(); $(this).css('border', '1px solid'
浏览 18提问于2019-06-11得票数 0
1回答
我有一个div，它可以在其中调整大小，但我不能将可拖动元素拖动到新的边界中。这是因为在添加draggable元素时设置的容器。每次拖动元素时，都需要更新包含边界。<div class="parent"> </div> $(".d
浏览 18提问于2021-02-16得票数 0
当我在父div中拖动我的子div时，当我的鼠标拖出边界时它就消失了。在可拖放的Jquery文档示例中，子div不能超出父容器的边界。对我的代码丢失了什么有什么想法吗？HTML标记：<div class="boxone" class="draggable ui-widget-content"
浏览 0提问于2014-05-10得票数 2
回答已采纳
我想知道如何阻止我的引导模式被移出其父模式。简而言之，如何保持bootstrap模式包含在其父模式中？ $('#ValidationResultWrapper .modal-dialog').draggable({ })/ui/1.11.2/jquery-ui.js"></script
浏览 0提问于2020-05-15得票数 0
3回答
jQuery可拖动可滚动容器
、、、、
我目前有一个简单的可拖动列表，我希望它在div (项)中并可滚动。$( ".draggable" ).draggable();但正如您所看到的，可拖动元素留在元素容器中，我希望它们能够向外拖动，但也能够在元素数量超过容器长度时立即在元素容器中滚动
浏览 0提问于2015-09-03得票数 6
5回答
是否可以隐藏文本画布的字母，以便超出图像画布div边界的字母到达col-sm-8 /* ....Image upload function.. */$(".text-canvas").draggable({ z-index: 1;
position: absolute;
浏览 67提问于2016-10-20得票数 18
回答已采纳
4回答
使用jQuery UI，我试图创建一个具有两个可滚动容器的接口，每个容器都包含许多可拖放的元素。用户可以将一个元素从一个容器拖到另一个容器。BODY
浏览 4提问于2013-01-04得票数 25
回答已采纳
完全遵循getting started中的示例 当div移出窗口文档滚动时，这是正常的 我尝试使用api文档中的此选项进行初始化 $( function() { } ); div仍会滚动文档。它是一个jquery bug吗？ 谢谢您的建议，但我不喜欢使用put container之类的变通方法来包装该区域。用户必须能够在不滚动文档的情况下移动div</
浏览 15提问于2019-02-11得票数 0
回答已采纳
我在页面上有很多div(接近20个)，它们都是jQuery-UI可调整大小和可拖动的。还有一些基于css的更改是在每个div的鼠标移出和鼠标移出时触发的。在玩这些div的过程中，有时其中的一个会“卡住”，也就是说不能再拖来拖去了。使用Firebug和控制台，我已经看到它确实有两个类：ui-draggable和ui-resizable，但它仍然“卡住”。这是页面上有太多div时通常会发生的事情吗？只是jQuery-UI像这样卡住了吗？大
浏览 1提问于2013-02-17得票数 1
1回答
我有一个显示在单击另一个( TableDiv ) Div的表格单元格上的Div。我需要根据TableDiv宽度设置边界(限制)，而Height.My Draggable是TableDiv的外侧。<div class="TableDiv"></table><div id="draggingDiv">
</
浏览 1提问于2013-01-18得票数 0
为了便于对一些嵌套边界进行手动排序，我实现了3个指令: draggable、droppable和drop ngRepeats。Draggable和droppable可以很好地工作，它使用事件侦听器在我的内部ngRepeat中启用和控制<div>元素的拖放操作。tank.TankResult.BlendFills">
<div class="row item" dgs-draggable item="{
浏览 4提问于2015-02-25得票数 0
2回答
我需要制作一个图像查看器，允许将大图像加载到容器中，然后在容器中拖动，以便整个图像可见，但图像永远不会被拖出边界。下面的代码工作得很好，只是滚动条不能准确地与被拖动图像的位置同步，并允许图像滚动出边界。如何在图像被拖动时使滚动条与图像同步？/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://
浏览 2提问于2012-03-15得票数 5
回答已采纳
有时，当draggable具有参数cursorAd时，JQuery droppable out事件不会触发(在开始拖动之前，draggable会移出droppable以设置光标位置，就像在cursorAdlang="ru"> <meta charset="utf-8" />
<script type="text/javascript" src="
浏览 0提问于2016-08-19得票数 1
1回答
我目前正在使用这种方法，它允许我在div (基于边界)中拖放div/img。<script> $("#video").draggable({ containment: "#container2", scroll: false });$("#umbrella").draggable({ containment: "#container2", scroll: false
浏览 1提问于2012-04-04得票数 0
云服务器
ICP备案
对象存储
云点播
实时音视频
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号