Ich bin ziemlich neu in Javascript / JQuery. Ich mache veränderbare Divs mit jquery-ui-resizable. Hier habe ich die Geige erstellt, kann aber nicht herausfinden, warum jquery ui resizable nicht funktioniert.

    <div class="container">
  <div class="left-container">
  </div>
  <div class="right-container">
    <div class="child first">
    </div>
    <div class="child second">
    </div>
   </div>
</div>

$(".child").resizable({
   //"handles": "w, e"
})

Jede Hilfe wäre dankbar.

Geige

1
Kenny 27 Dez. 2015 im 16:14

2 Antworten

Beste Antwort

Sie müssen ein jquery-ui-Thema hinzufügen, damit dies funktioniert.

Versuchen Sie diese Codezeile:

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
1
Phiter 27 Dez. 2015 im 13:28

Auf folgendem Link:

Löschen Sie zuerst das HTML und ersetzen Sie es durch: <div></div>

Ersetzen Sie es dann im Stylesheet durch:

border: 1px solid black;
padding: 5px;
width: 50px;
height: 150px;
margin: 10px;

Und schließlich Skriptcode: $("div").resizable()

Fast fertig...

2
Mohammadreza 27 Dez. 2015 im 13:34