标签: draggable

在ui draggables(http://jqueryui.com/demos/droppable/#revert)上可以恢复一个div,如果它在一个div内,如果不在另一个div内？比如这样

$( "#draggable" ).draggable({ revert: "valid", revert:"invalid" });

但由于显而易见的原因,这不会起作用..我可以这样做吗？...当它在这个可放置的内部而不是在那个可放置的内部时？

我想用Jquery的draggable来实现轻松的效果.但我没有在这个插件中找到该选项.所以我想知道是否有其他插件有这个选项 - 或一个简单的解决方案.

我试图实现的效果是这样的:http://www.fileden.com/files/2009/6/4/2466215/dragease.swf

正如您所看到的,在拖动时,由于缓和,图像移动感觉更平滑.我还想将拖动约束到一个轴,还需要使其恢复到它的位置.JQuery的draggable确实有最后两个选项,所以这很好.

示例代码已经为我提供了我想要的东西(除了缓动):http://jsfiddle.net/dandoen/NJwER/1/

任何建议将不胜感激.

干杯,丹多恩

很久以前我在我的应用程序中创建了一个对话框.对话框非常简单,位置绝对,通过javascript在屏幕中居中.

现在我已经将jQuery UI添加到应用程序中,但我不想仅仅因为它们的工作方式不同而使用jQuery UI的对话框.但我确实使用jQuery UI使我的对话框可以拖动,因为它非常简单:

$('#dialog').draggable();

有一个问题,我的一些对话框有滚动条.
但是使用可拖动的方法,如果有滚动条,它就会出错,因为它会拖动对话框.

有没有办法让对话框在使用滚动条时不拖动？
我注意到有一些方法可以避免拖动元素,但滚动条不是元素.

谢谢

编辑:JSFiddle:http://jsfiddle.net/FGXnR/

我已经搜索了STACKOVERFLOW和其他论坛以解决我的问题 - 如果我错过了一个有效的解决方案,请指向我.

我的问题:每当在可排序列表中拖动一个元素(一个portlet div)时,我需要在实际拖动过程开始之前执行一些操作(从我在START事件被触发之前理解).

更具体一点:我的DIV为用户提供了扩展/折叠它的主体的可能性(就像在jquery UI页面http://jqueryui.com/demos/sortable/#portlets中的示例一样).

每当拖动一个元素时我都想触发我的折叠方法,以便拖动的唯一可视元素是折叠的DIV.

无论何时我调用我的方法(类似这样)

$someitem.trigger("toggle.somenamespace") 

它按预期工作,除了在sortable中触发start事件之前计算拖动帮助器的高度,因此帮助器具有处于未折叠状态的原始元素的高度.

我原来的想法是:因为可分类的例如在实际拖拽程序开始之前测量拖曳距离的可能性(使用选项:距离),它应该可以挂钩到这个流程中,例如存储原始的startDrag函数(或者无论它被称为临时var中的可排序小部件,都可以使用自定义回调覆盖它,该回调首先触发我的折叠功能,然后调用原始函数以确保正确计算高度.但是 - 到目前为止,这种方法并没有取得多大成功......

请注意,在处理程序中为拖动或在可排序事件上设置CSS属性具有所需的效果,因为为帮助程序计算的可排序窗口小部件的高度设置为元素属性.

或者 - 可能有人知道更好的方法来影响在拖动过程中显示的助手的高度,这只是我的观点,我的原始方法(在拖动过程之前更改元素,然后让小部件按照计算方式进行计算)它是有意的)将是一个更好的解决方案......

感谢任何帮助,马蒂亚斯

编辑:将可排序标志:forceHelperSize设置为true并在开始拖动器中设置ui.item /帮助器大小也不起作用,因为它可视地产生所需的效果(仅拖动折叠的项目,但停止元素一直拖下来(好像该项目仍然具有未折叠状态的高度)用帮助器测试:'原始'和'克隆'

我创建了一个谷歌地图并在其上绘制了折线.然后我在polyine的起点添加了一个标记(与折线的起始坐标相同的坐标).

我希望能够做的是抓住并拖动标记,但让它"粘"到折线上,这样你只能沿着折线拖动它而不是远离它或者它的侧面.

是否可以将可拖动标记限制在GM V3的路径中？如果没有,有谁能想到如何做到这一点？当用户放下标记时,有可能将标记捕捉到路径上最近的点,但我更喜欢更顺畅的"沿路径拖动"效果.

很高兴有ArcGis的建议.没有提供代码,因为这更像是一个理论问题.

如果我需要进一步解释,请告诉我.

提前致谢

注释引脚是可拖动的,但我无法将其放到目标位置.问题是如何获取目标位置的坐标,我放下注释引脚？有任何方法吗？

编辑1:

注释引脚的中心似乎永远不会改变我放下引脚的地方.

- (void)mapView:(MKMapView *)mapView annotationView:(MKAnnotationView *)annotationView didChangeDragState:(MKAnnotationViewDragState)newState 
fromOldState:(MKAnnotationViewDragState)oldState 
{
if (newState == MKAnnotationViewDragStateEnding)
{
    NSLog(@"x is %f", annotationView.center.x);
    NSLog(@"y is %f", annotationView.center.y);

    CGPoint dropPoint = CGPointMake(annotationView.center.x, annotationView.center.y);
    CLLocationCoordinate2D newCoordinate = [self.mapView convertPoint:dropPoint toCoordinateFromView:annotationView.superview];
    [annotationView.annotation setCoordinate:newCoordinate];

}
}

编辑2:

Annotation.h

@property (nonatomic,readwrite,assign) CLLocationCoordinate2D coordinate;

Annotation.m

- (void)setCoordinate:(CLLocationCoordinate2D)newCoordinate {
coordinate = newCoordinate; 
}

编辑3: 我在哪里拖动引脚,掉落的NSLog输出总是相同的.

- (void)mapView:(MKMapView *)mapView annotationView:(MKAnnotationView *)annotationView didChangeDragState:(MKAnnotationViewDragState)newState 
fromOldState:(MKAnnotationViewDragState)oldState 
{
if (newState == MKAnnotationViewDragStateEnding)
{
    CLLocationCoordinate2D droppedAt = annotationView.annotation.coordinate;
    NSLog(@"Pin dropped at %f,%f", droppedAt.latitude, droppedAt.longitude);
}
} …

我已经尝试过任何事情,但总是得到同样的错误

$(".tooltip").draggable('disable');

错误:在初始化之前无法调用draggable上的方法; 试图调用方法'禁用'

在初始化之前？所以我不能删除它实际被拖动之前的选项？我也尝试使用droppable,似乎无法启用它们而不会出现此错误.

编辑:我发现我有一个没有可拖动的类的元素(当你看错误时这是有道理的).现在我只需找到一种方法,所以它禁用所有可拖动的而不会抛出错误:)

JQuery UI的.resizable功能不支持position: fixed;元素.当您尝试调整它们的大小时,它会将其position属性切换为绝对属性.任何推荐的修复？

我有一些弹出的聊天窗口,可以在文档周围拖动.它们的位置是固定的,因此它们不会随着它们后面的页面滚动.它们都可以完美地工作,直到您尝试调整窗口大小,当它转换到窗口时position: absolute;,然后在页面滚动时将其留下.

我尝试处理resize stop事件并将位置更改为fixed:

    stop: function (event, ui)
    {
        $(chatWindow).css('position', 'fixed');
    }

这不起作用,因为定位(top:和left:)对于固定元素不正确,并且当您停止调整元素大小时,切换到固定定位并跳转到页面上的奇怪位置.有时跳出页面边界并永远丢失.

有什么建议？

使用jQuery UI对话框.

效果很好,但是目前,当我拖动一个对话框时,它不会移出屏幕(整个对话框总是在视口中).

有没有办法设置对话框,以便我可以将其部分拖离屏幕？

我在Chrome中遇到了非常令人沮丧和意想不到的拖放行为.

问题:

该:hover伪类被触发,并停留在周围的元素,特别是那些在DragElement的幽灵将其覆盖.

重现问题的步骤:

• 示例: http ://plnkr.co/edit/PayXodHUtxqUZsM3T2ye 然后在单独窗口中预览
• 单击并拖动任何数字框.
• 放下任何其他盒子,它的鬼魂略微重叠周围的元素.

这种情况发生在Chrome 35,36和38-beta中.我还注意到,在使用编辑器的Plunker的Run框架中没有发生这种情况,但是在完整的窗口视图中发生(在上面链接).它也发生在我的node-webkit应用程序中(我发现了这个问题).

到目前为止我尝试过的:

• 使用-webkit-user-drag: element;上.box
• draggable="true"在每个.box元素上添加属性以查看是否存在差异.
• event.stopPropagation 关于各种要素,包括 window

为什么它会触发:hover周围的元素？这绝对没有意义.我要撕掉我的头发了!:/

提前感谢愿意帮助我解决此问题的任何人.