diff options
| author | Alexander Schmitz <arschmitz@gmail.com> | 2015-01-01 12:11:06 -0500 |
|---|---|---|
| committer | Alexander Schmitz <arschmitz@gmail.com> | 2015-03-11 16:04:34 -0400 |
| commit | f58277a521ae41b1d3e054a419ef5fda85e7db21 (patch) | |
| tree | 838593ff770211c94c8fe24cf3a3baa019426a65 /demos/droppable/visual-feedback.html | |
| parent | e9bb449b5dde255e4a79ea6768864ba26529ed6c (diff) | |
| download | jquery-ui-f58277a521ae41b1d3e054a419ef5fda85e7db21.tar.gz jquery-ui-f58277a521ae41b1d3e054a419ef5fda85e7db21.zip | |
Droppable: Add classes option
Ref #7053
Ref gh-1411
Diffstat (limited to 'demos/droppable/visual-feedback.html')
| -rw-r--r-- | demos/droppable/visual-feedback.html | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/demos/droppable/visual-feedback.html b/demos/droppable/visual-feedback.html index 9b197c56e..9852f371b 100644 --- a/demos/droppable/visual-feedback.html +++ b/demos/droppable/visual-feedback.html @@ -20,7 +20,9 @@ $(function() { $( "#draggable" ).draggable(); $( "#droppable" ).droppable({ - hoverClass: "ui-state-hover", + classes: { + "ui-droppable-hover": "ui-state-hover" + }, drop: function( event, ui ) { $( this ) .addClass( "ui-state-highlight" ) @@ -32,7 +34,9 @@ $( "#draggable2" ).draggable(); $( "#droppable2" ).droppable({ accept: "#draggable2", - activeClass: "ui-state-default", + classes: { + "ui-droppable-active": "ui-state-default" + }, drop: function( event, ui ) { $( this ) .addClass( "ui-state-highlight" ) @@ -66,7 +70,7 @@ </div> <div class="demo-description"> -<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it). Use the <code>hoverClass</code> or <code>activeClass</code> options to specify respective classes.</p> +<p>Change the droppable's appearance on hover, or when the droppable is active (an acceptable draggable is dropped on it). Set the values of the <code>ui-droppable-hover</code> or <code>ui-droppable-active</code> properties on the <code>classes</code> option to specify the respective classes.</p> </div> </body> </html> |