jjzjj

draggable

全部标签

javascript - 为可拖动对象设置边界限制

我有两个元素:1.固定高度的父级,overflow:hidden2.它的child,具有更大的固定高度。.myList{list-style:none;margin:0px;padding:1px;}.myListli{height:50px;margin:4px;padding:2px;}.dragPanel{height:230px;border:solid;overflow:hidden;}12.......89我希望能够在父div中上下拖动列表。我正在使用jqueryuidraggable插件来实现垂直拖动,但我不确定如何将列表限制在父div中。$(document).read

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

我正在尝试使用具有jquery-ui可拖动功能的Bootstrap模式弹出窗口。我这样使用它://Bootstrapmodal$(element).modal({keyboard:false,show:value});//Jquerydraggable$(element).draggable({handle:".modal-header"});但是当我尝试拖动弹出窗口时,右滚动条正在与弹出窗口一起拖动。感谢任何预付款。 最佳答案 我认为你应该在.modal-dialog类上应用draggable,参见:×CloseMod

javascript - 以编程方式触发 jQuery-UI 可拖动的 "drag"事件

这个问题在这里已经有了答案:HowtoprogrammaticallyinvokejQueryUIDraggabledragstart?(5个答案)关闭7年前。我试图在使用jQuery-UI的draggable小部件连接后立即触发div上的drag事件。我有一些代码在被拖动时会关闭,我也想在页面加载后立即运行此代码。我有时会在其他jQuery处理程序上使用这样的习惯用法来执行此操作:$('.foo').on('bar',function(){console.debug('bar!');}).trigger('bar');这似乎不适用于draggable。这是我的代码:vardragga

javascript - 为什么 Draggable 对象有慢速占位符?

我真的没有问题,但是,我注意到有时Draggable对象的占位符很慢。我做了这个测试:http://jsfiddle.net/X3Vmc/$(function(){$("#myproductsli").draggable({/*appendTo:"body",*/helper:"clone",connectToSortable:"#mylist",tolerance:"pointer"});$("#mylist").sortable({placeholder:"sortable-placeholder",over:function(){console.log("over");},out

javascript - 获取 JQuery ui.draggable 的属性

我正在使用JqueryUI在我的一个页面上进行拖放,但出于某种原因,我似乎无法获得传递到我的可放置放置事件中的ui.draggable对象的属性。ui.draggable.attr("src")和$(ui.draggable).attr("src")都返回undefined,但是如果我键入ui.draggable.html(),我将取回html。有什么想法吗? 最佳答案 我想通了。解决方案是调用ui.draggable.find("img").attr("src"),我只是假设ui.draggable对象是一个图像。

javascript - 具有绝对位置和底部属性的 jQuery UI 可拖动

我正在使用jQueryUI创建一个可拖动的.使用CSS绝对定位到右下角或左上角:.dragbox{position:absolute;width:140px;min-height:140px;/*Ineedtousemin-height*/border:3pxsolidblack;padding:10px;}.bottom{bottom:5px;/*causesboxtoresizewhendragged*/right:5px;}.top{top:5px;/*doesnotcauseboxtoresize*/left:5px;}HTML看起来像这样:BottomBox:(TopBox:

javascript - jQuery UI 可拖动不适用于新创建的 DOM 元素

我有一些可使用jQueryUI拖动的DOM元素。一切正常,但当我使用jQuery创建一些元素时,它们根本不可拖动。即$('div.draggable').draggable();//Existingelement,itworks:)$('p.draggable').draggable();//Newlycreatedparagraphwithsameclassname,itdoesntworkatall:(提前致谢!!!我正在尝试这个:$(document).ready(function(){$('body').append('NewlyCreatedParagraph');$('p.

javascript - JQueryUI 可排序的 thead 和 tbody 在拖动隐藏两个字段的行时缩小

我有一个包含不同行和字段的表格。在一行中,我有两个字段display:none;当我拖动这些行时,会在中产生类似横向填充的效果。和,表格没有缩小,表格的元素是。在下一个JsFiddle中,第一行无法正常工作,但在第二行中只有一个字段带有display:none;它有效。有问题可以问。错误示例拖动时的表格:一开始以为找的个数就可以解决类别为.hidden-td的元素(具有display:none;的类)并查找具有类.placeholder-style的元素(是在执行拖动时生成的的类)并添加许多因为有在我在移动,但没有移动,这是行不通的。我知道有多少字段有clase.hidden-td用这

javascript - 在缩放的 div 上拖动元素

我试过使用jquery内置的可拖动功能,也试过使用自定义拖动功能但无济于事。两者都有各自的问题,我将尝试着重强调它们。基本上,我试图允许拖动缩放的div容器上的元素。以下方法在小于2左右的缩放元素上正常。但如果你再高一点,我们就会发现一些问题。如有任何帮助,我们将不胜感激。感谢您的宝贵时间。HTMLHi方法一(Jquery可拖动函数)我已经尝试了jquery可拖动功能,正如您在jsfiddle中看到的那样示例。我在这个例子中发现的问题如下:最大的问题:可放置的容器在放大时不会改变。因此,如果该元素被拖动到不是其原始大小的一部分的缩放容器的一部分上,它将失败。当您点击拖动一个div时,它

javascript - 如何通过拖动而不是使用滚动条来滚动 div

我正在从事一个使用触摸屏界面的项目。我在一个较小的div中有一个div,所以较小的div有滚动条来访问第一个div的其余部分。这是它的基本代码。.div1{height:100px;width:100px;}.div2{height:50px;width:50px;}html是:使用javascript,我希望能够通过按下(因为它是触摸屏)屏幕上未被占用的部分并沿着div拖动来滚动浏览div2。基本上,当您单击并拖动它时,滚动功能的行为方式与谷歌地图的行为方式相同。有人可以帮我吗?提前致谢!注意事项在鼠标Action方面,按下相当于点击这里,只是说清楚。我也只在Firefox中工作,所