Jquery settings after init

Question

I know that you can set the parameters of the plugin after everything is installed. But I'm not quite sure how to do this. So I created a simple jquery user interface example using draggable (), with the zIndex parameter already set. So, if I click on the link I created, I want to change the zIndex option to another integer. Here is the link I'm working with: 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> 

So, the question is how do I reset zIndex (or any available parameter) dynamically. I suppose you can use the js function or some kind of onclick event, but I honestly don't know how to do this.

Answer 1

You can use .draggable( "option" , "optionName" , value ) to change zIndex

Assuming this with zIndex, it will look like this:

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

Jsfiddle example