Wie kann die Änderung in Dialog Widget jquery ui ziehen?

Question

Ich mag in diesem Widget Griff ziehen ändern, aber ich weiß nicht, wie diese auf dem obigen Bild

Blick tun kann, werde ich nicht mit dem ersten Abschnitt behandeln, aber ich mag ändern es ist dieses Element in ihm.

Answer 1

Ich entschied mich, ein Beispiel zu geben, wie man den Standardbereich style. Hinzufügen der Minimierung und etc. ist möglich, aber nicht wirklich empfehlenswert. Sie sind bessere Erweiterungen für Mini-Wows als jQuery UI.

$(function() { 
 
    $("#dialog") 
 
     .dialog() 
 
     .parents(".ui-dialog") 
 
     .find(".ui-dialog-titlebar") 
 
     .css("background", "orange"); 
 
    });

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> 
 
<link rel="stylesheet" href="/resources/demos/style.css"> 
 
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
    
 
<div id="dialog" title="汉语/漢語"> 
 
<p style="text-align:right;font-weight:bold;">some text here</p> 
 
</div>