Frage von Carla62411, 34

Was ist an der unten stehenden Funktion falsch (jQuery UI)?

jQuery bzw. JavaScript:

$( function() {
$("#rot").css({width:"200px", height:"200px", borderStyle: "solid", borderWidth: "1px", background:"#ff0000"});
$("#rot").resizable();
})

Alles funktioniert, bis auf die Größe zu verändern.

Antwort
von RakonDark, 19

können wir so nichts zu sgen , den es fehlt bestimmt die einbindung des resizable css style .

gibts irgendwo in der custom css datei


.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}



so sieht das dann aus

Antwort
von LeBonyt, 20

Klappt denn das?

<div id="rot" class="ui-widget-content">  <h3 class="ui-widget-header">Resizable</h3></div>
Kommentar von Carla62411 ,

Leider nicht...

Den gesamten Code kann ich hier auch nicht einfügen....

Kommentar von LeBonyt ,

hasst du den jquery-ui und die zugehörige CSS eingebunden ?

Antwort
von RakonDark, 4

uploade doch mal dein script und html auf

https://jsfiddle.net/

dann kann man gemeinsam gucken

Keine passende Antwort gefunden?

Fragen Sie die Community