如何在jquery中双击拖动事件

时间:2016-10-30 06:37:57

标签: javascript jquery jquery-ui drag-and-drop draggable

目前我正在使用jquery draggable function https://jqueryui.com/draggable/

$( ".myclass").draggable({ });

但我想在用户双击拖动元素时停止拖动事件。这该怎么做 ?。是否[可以单击停止拖动?由于某种原因,我的拖动元素带有鼠标指针,我无法停止拖动。

谢谢。

1 个答案:

答案 0 :(得分:1)

当你松开鼠标时,Draggable会自动停止。

HTML

class Program
{
    static void Main(string[] args)
    {
        MySchedule.GetValue();
    }
}

public static class MySchedule
{
    public static void GetValue()
    {
        var scheduler = StdSchedulerFactory.GetDefaultScheduler();

        scheduler.Start();

        var job = JobBuilder.Create<MyJob>().Build();

        var trigger = TriggerBuilder.Create().WithDailyTimeIntervalSchedule(builder =>

        builder.WithIntervalInSeconds(1)
        .OnEveryDay()
        .StartingDailyAt(TimeOfDay.HourMinuteAndSecondOfDay(9, 40, 0))).Build();

        scheduler.ScheduleJob(job, trigger);
    }
}

  public class MyJob : IJob
    {
        public void Execute(IJobExecutionContext context)
        {
            Console.WriteLine($"{DateTime.Now.ToString(new CultureInfo("en"))}");
            Console.ReadLine();
        }
    }

JS

<body>
<div id="draggable" class="ui-widget-content">
  <p>Drag me around</p>
  <p id="position"></p>
  <p id="event"></p>
</div>
</body>

试试上面的示例。每次从拖动中释放鼠标时,都会自动调用dragstop事件。尝试在代码中应用此代码,以进一步调查为什么在您的情况下不会调用dragstop。

http://codepen.io/jyloo/pen/mrZmjO