jQuery UI sortable widget延迟选项

  • Post category:jquery

以下是关于 jQuery UI Sortable Widget delay 选项的详细攻略:

jQuery UI Sortable Widget delay 选项

delay 选项用于设置拖拽开始前的延迟时间,以毫秒为单位。默认值为 0,表示没有延迟。

语法

$( ".selector" ).sortable({
  delay: 500 // 延迟 500 毫秒
});

其中,500 表示延迟 500 毫秒。

示例一:设置拖拽开始前的延迟时间为 500 毫秒

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
$( "#sortable" ).sortable({
  delay: 500
});
</script>

这将初始化一个可排序的列表,并将 delay 选项设置为 500,从而设置拖拽开始前的延迟时间为 500 毫秒。

示例二:设置拖拽开始前的延迟时间为 1000 毫秒

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
$( "#sortable" ).sortable({
  delay: 1000
});
</script>

这将初始化一个可排序的列表,并将 delay 选项设置为 1000,从而设置拖拽开始前的延迟时间为 1000 毫秒。

总结:

delay 选项用于设置拖拽开始前的延迟时间以毫为单位。默认值为 0,表示没有延迟。使用该选项可以方便地设置拖拽开始前的延迟时间。

以上是关于 jQuery UI Sortable Widget delay 选项的详细攻略,包括语法和两个示例。