jQuery UI Sortable Widget 禁用选项

在利用 jQuery UI Sortable Widget 的时候，有时会发现有些元素不应该被拖拽，这时我们需要禁用这个选项。在本文中，我们将介绍如何禁用 jQuery UI Sortable Widget 的选项。

禁用选项

要禁用 jQuery UI Sortable Widget 的选项，我们需要在初始化 Sortable Widget 时使用 'disable' 方法。

$( "#sortable" ).sortable({
  items: "> :not(.disabled)"
});

$( ".disable-sortable" ).click(function() {
  $( "#sortable" ).sortable( "disable" );
});

$( ".enable-sortable" ).click(function() {
  $( "#sortable" ).sortable( "enable" );
});

如上所示，这段代码初始化了一个 Sortable Widget，其中我们用了“items”选项来指定不应该被拖拽的元素，我们将其命名为“disabled”。然后，我们使用“disable”方法禁用这个 Sortable Widget。我们还使用了“enable”方法来重新启用 Sortable Widget。这些方法可以在需要的时候随时调用。

结论

在本文中，我们介绍了如何利用“disable”方法禁用 jQuery UI Sortable Widget 的选项。使用这个方法可以帮助开发人员控制哪些元素可以被拖拽，哪些不能被拖拽。如果您有任何疑问或建议，请在评论区留言。