jQuery UI 可排序不透明度选项

jQuery UI 是一个使用 jQuery 库的开源 JavaScript 库，为 Web 开发提供了许多的用户界面组件和效果。其中一个非常有用的组件是 “可排序” 组件，允许用户通过向上或向下拖动元素来对它们进行排序。

不透明度选项为可排序组件添加了一个新功能，使得可以在拖动元素时设置其不透明度。这可以帮助用户更好地区分它们正在移动的元素与其余的元素。不透明度选项可取值为 0 至 1 之间的小数，其中 0 表示完全透明，1 表示完全不透明。

## 如何使用

要使用不透明度选项，你需要在可排序组件初始化时传递一个 options 参数，并在其中设置 opacity 选项：

```javascript
$( ".sortable" ).sortable({
  opacity: 0.5
});

在这个示例中，我们将透明度设置为 0.5，用户拖动元素时即会半透明。

例子

这里有一个基本的可排序列表示例，其中添加了 opacity 选项：

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

<script>
$( ".sortable" ).sortable({
  opacity: 0.5
});
</script>

你可以试着拖动列表项，看看它们的不透明度是否发生变化。

总结

使用 jQuery UI 可排序不透明度选项可以使用户体验更加友好，同时增强应用程序的交互性。