大佬教程收集整理的这篇文章主要介绍了jQuery的可拖动网格,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="parent-div" style="position: relative;"> <div id="div1" class="draggable" style="top: 100px; position: absolute;"></div> <div id="div2" class="draggable" style="top: 200px; position: absolute;"></div> <div id="div3" class="draggable" style="top: 254px; position: absolute;"></div> </div>
当’grid’设置为[1,100]时,所有这些都被启用拖动:
draggables = $('.draggable'); $.each(draggables,function(index,elem) { $(elem).draggable({ containment: $('#parent-div'),opacity: 0.7,revert: 'invalid',revertDuration: 300,grid: [1,100],refreshPositions: true }); });
这里的问题是,一旦你拖动div3,比如说,向下,它的顶部会增加100,将它移动到354px,而不是仅仅增加46px(254 46 = 300),这将使它到达下一站网格 – 300px,如果我们将parent-div视为参考点和“网格持有者”.
我查看了可拖动的源代码,它似乎是一个内置的缺陷 – 它们只是相对于可拖动元素的原始位置进行所有计算.
我想避免猴子修补可拖动库的代码,我真正想要的是如何使Draggable计算相对于包含父级的网格位置.但是,如果猴子修补是不可避免的,我想我将不得不忍受它.
以上是大佬教程为你收集整理的jQuery的可拖动网格全部内容,希望文章能够帮你解决jQuery的可拖动网格所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。