jquery-selectors - init 后的 jquery 设置选项

Question

我知道在设置好之后可以设置插件选项。但我不太确定该怎么做。所以我创建了一个简单的 jquery UI 示例，使用draggable()，并且已经设置了 zIndex 选项。因此，如果我单击我创建的链接，我想将 zIndex 选项更改为另一个整数。这是我工作的链接:http://jqueryui.com/demos/draggable/#option-zIndex

<script>
$(function() {

  $( ".dragimgs" ).draggable({ zIndex: 2700 });


});
</script>

<img class="dragimgs" src="someimg.png" />

<a id="clickme">Click To Change zIndex</a>

所以问题是如何动态重置 zIndex(或任何可用选项)。
我假设可以使用 js 函数或一些 onclick 事件，但老实说我不知道​​如何使用。

Answer 1

您可以使用 .draggable( "option" , "optionName" , value )更改您的 zIndex
把它与 zIndex 放在一起，它看起来像下面这样......

$("#clickme").click(function() {
    $(".dragimgs").draggable("option", "zIndex", 1000);
});

Example on jsfiddle