在 Draggable 上创建 JQuery 事件

Question

检查图像以了解轮播的外观

http://i.stack.imgur.com/b1CKR.jpg

这是我的时间轴轮播，它运行良好。

当我在时间线中拖动时间线指针（黄色箭头）并将其留在不同的位置时，会出现问题，轮播中的图像（每个图像都在 标签中）通过事件相应地移动.但是没有触发事件。

这是使用 Jquery 中的可拖动函数和父容器来实现的。

 $( "#timelinePosition" ).draggable({ containment: "parent" });

我正在创建一个事件，以在单击黄色指针时将轮播中的图像移动到特定的左边距。

$('#timelinePosition').on('click', function() {draggablePosters ();});

此事件在拖动后需要单击。拖动时，如果鼠标指针移出父级，则不会发生该事件。

http://jsfiddle.net/a6Uj5/

Answer 1

用途：

$("#timelinePointer").bind("drag", function (event, ui) {
    var pointerMargin = $('#timelinePointer').css("left");
    $('#posterImage').css("margin-left", pointerMargin);
});