jQuery UI Sortable Widget 禁用选项

  • Post category:jquery

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

jQuery UI Sortable Widget 禁用选项

disabled 选项用于禁用或启用可排序列表。当设置为 true 时,列表将被禁用,无法进行排序操作。当设置为 false 时,列表将被启用,可以进行排序操作。

语法

$( ".selector" ).sortable({
  disabled: true // 或 false
});

示例一:禁用可排序列表

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

<script>
$( "#sortable" ).sortable({
  disabled: true
});
</script>

这将初始化一个可排序的列表,并将 disabled 选项设置为 true,从而禁用了可排序列表。

示例二:启用可排序列表

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

<script>
$( "#sortable" ).sortable({
  disabled: false
});
</script>

这将初始化一个可排序的列表,并将 disabled 选项设置为 false,从而启用了可排序列表。

总结:

disabled 选项用于禁用或启用可排序列表。当设置为 true 时,列表将被禁用,无法进行排序操作。当设置为 false 时,列表将被启用,可以进行排序操作。使用该选项可以方便地控制可排序列表的启用和禁用状态。

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