Entfernen Titelleiste ohne die Kreuz-Schaltfläche von jQuery Dialogfeld

Question

Ich habe mehrere Antworten für diese Frage gesehen, aber nicht in der Lage zu finden, dass diese Arbeit.

Wie entferne ich die Titelleiste von einem jQueryUI Dialogfeld, während die Schließen-Schaltfläche beibehalten.

Ich habe dies versucht und es funktioniert nicht. Es ist auch keine gute Lösung.

$("#example").dialog(dialogOpts); 
// remove the title bar 
$(".ui-dialog-titlebar").hide(); 

Ich konnte dies folgen und die Titelleiste loswerden. Dadurch wird aber auch die Schließen-Schaltfläche entfernt und da keine Titelleiste vorhanden ist, ist das Dialogfeld nicht mehr ziehbar.

jquery UI dialog: how to initialize without a title bar?

ich versucht, diese Geige hier folgen die Beseitigung der Titelleiste zu erhalten und die Schließen-Schaltfläche halten.

http://jsfiddle.net/NK2qm/2/

jedoch ändert dies die CSS für alle Dialogfelder und fügt ein Dreieck unter dem Dialogfeld. Ich möchte, dass dies nur für eine Klasse von Dialogfeldern und minus dem Dreieck unten geschieht.

Kann jemand auf diese Frage mit einer Geige antworten, die zeigt, wie man es macht?

Danke.

Answer 1

Eine Lösung könnte darin bestehen, eine zweite Instanz des jQueryUI-Dialogfelds zu erstellen und gezielt auf diese Instanz im CSS zu verweisen.

jsFiddle Demo

CSS wird wie folgt aussehen:

[aria-labelledby=ui-id-2].ui-dialog .ui-dialog-titlebar { 
    background:transparent; 
    border:none; 
} 
[aria-labelledby=ui-id-2].ui-dialog .ui-dialog-title { 
    display:none; 
} 

In Google Chrome können Sie festlegen, welche aria-labelledby Wert verwenden, indem Sie einen Rechtsklick auf die Titelleiste und wählen Inspect kennen. Untersuchen Sie den HTML-Code im linken Bereich sorgfältig, experimentieren Sie mit dem Deaktivieren/Ändern von CSS-Werten im rechten Bereich.

Das Dreieck unten wird durch das ::after Pseudoelement auf .ui-resizable-handle .ui-resizable-s verursacht. Sie können sehen, ich habe versucht, es zu stylen, aber ich werde das für Sie verlassen, um herauszufinden (oder eine andere SO-Frage zu stellen).