📜  jQuery UI Sortable option() 方法(1)

📅  最后修改于: 2023-12-03 14:43:12.282000             🧑  作者: Mango

jQuery UI Sortable option() 方法

jQuery UI Sortable option() 方法是用于获取或设置Sortable组件的选项值。Sortable组件是一个交互式页面元素排序插件,可以让用户通过拖拽来交换元素的位置。

语法

以下是option()方法的基本语法:

$( ".selector" ).sortable( "option", optionName );  //获取选项值

$( ".selector" ).sortable( "option", optionName, value );  //设置选项值

其中,selector是指要使用Sortable的元素选择器,optionName是指选项名称,value是设置的选项值。

参数

以下是option()方法的参数列表:

  • optionName:必需。字符串类型,表示要获取或设置的Sortable选项名称。
  • value:可选。表示要设置的选项值。
返回值

option()方法用于获取Sortable组件的选项值。如果不指定value参数,则该方法将返回指定选项的当前值。如果指定了value参数,则该方法会将选择器的选项值设置为指定值,并返回jQuery对象。

示例

以下是几个示例,用来说明option()方法的用法:

获取选项值
//获取connectWith选项的值
var connectWith = $( ".selector" ).sortable( "option", "connectWith" );
设置选项值
//设置connectWith选型的值
$( ".selector" ).sortable( "option", "connectWith", ".container" );
设置多个选项的值
//设置多个选项的值
$( ".selector" ).sortable( "option", {
  connectWith: ".container",
  dropOnEmpty: true,
  revert: true
});
注意事项

在使用option()方法时,需要注意以下事项:

  • option()方法只能被应用在已经初始化sortable的元素上。
  • 如果要在运行时添加或删除sortable选项,可以使用option()方法来达成这个目的。