CODEWITHSUNDEEP
jquery-ui
Phillip Senn
Phillip Senn

Reputation: 47625

jQuery UI resizable: ghost option not working correctly

I've got the following:

<div class="tile ui-widget-content">
    <h3 class="ui-widget-header">Resize me</h3>
    You should see a ghost outline.
</div>

and:

$('.tile').resizable({
    ghost:true
});

And it resizes, but I don't see a semi-transparent part of the element. I'm copying from the docs.

Upvotes: 0

Views: 869

Answers (1)

downed
downed

Reputation: 343

The only difference I can see is that you are accessing the element from its class name rather than id. Have you tried using and id instead?

Edit: Just want to make sure you've also added css for the hover?

.ui-resizable-ghost { border: 1px dotted gray; }

Upvotes: 2

Related Questions