[jquery ui] resizable div

[jimbo0]

ho copiato il codice da qui
http://jsfiddle.net/nick_craver/bx2mk/

esattamente uguale, ma non funge probabilmente è per una versione obsoleta, sapete indicarmi un codice per fare il resize orizzontale di un div?

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><script src="http://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>


<style>
#resizable { width: 150px; height: 150px; padding: 0.5em;
background:#999}
#resizable h3 { text-align: center; margin: 0; }</style>
<div id="resizable" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
</div>
<script>$("#resizable").resizable({
    handles: 'e, w'
});</script>

[leandro-2003]

Forse è dovuto alla mancanza del tema di jQuery UI. (jquery-ui.min.css)
jQuery UI è aggiornato, invece jQuery è ormai alla versione 1.11.1.

[jimbo0]

ho provato ad inserire uno dei tanti temi
<link href="http://code.jquery.com/ui/1.10.4/themes/black-tie/jquery-ui.css" />

nulla..

[leandro-2003]

Hai messo l'attributo rel=stylesheet? Un <link /> può essere qualsiasi cosa, anche la favicon.
(magari se usi un browser vecchio dovresti provare anche type=text/css)

[jimbo0]

hai ragione

ora funziona, però se comincio il resize mi fixa a left:0 il div, quando invece io l'ho impostato a right:0

[leandro-2003]

Nel tuo codice non vedo un "right: 0"

[jimbo0]

si parlavo del mio codice originale, non dell'esempio che ho postato
però aggiungendo right:0 il problema si presenta anche qui

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.10.4/themes/black-tie/jquery-ui.css" rel="stylesheet" />
<style>
#resizable { position:absolute; right:0;width: 150px; height: 150px; padding: 0.5em;background:#999}
#resizable h3 { text-align: center; margin: 0; }</style>
<div id="resizable" class="ui-widget-content">
    <h3 class="ui-widget-header">Resizable</h3>
</div>
<script>


$(document).ready(function() {
$("#resizable").resizable({ handles: 'w'});
});
</script>

[leandro-2003]

(premetto che sto sparando a caso )
Prova a cambiare "w" con "e"

EDIT: Credo che non servirà a niente...

[jimbo0]

avevo già provato..

[leandro-2003]

Provando il codice in locale e su JSFiddle non funziona proprio il widget...