jQuery SimpleModal closeHTML Ausgabe

Question

Ich habe ein Problem, wo, wenn ein modales Fenster mit der jquery.simplemodal Plugin initialisiert.

Ohne closeHTML Option wird das modale Fenster richtig formatiert.

$.modal(html, {}); 

Wenn ich jedoch closeHTML angeben, wird das modale Fenster formatiert mit Scrollbalken in fast ein 10x10 Pixel Platz zu passen.

$.modal(html, { 
    closeHTML: '<a href="#close">Close</a>', 
}); 

Hat jemand in dieses Problem gerannt und haben Sie eine Idee für eine Lösung?

Relevante Spezifikationen sind:

• Chrome8 auf Ubuntu x86_64
• jQuery 1.4.4
• jquery.simplemodal 1.4.1

Answer 1

ich in der Lage war, um dieses Problem zu arbeiten. Ich entfernte gerade den Text von der <a class="modal-close">Close</a> und ging mit <a class="modal-close"></a> und einem css Hintergrundbild. Also wirklich, wenn Sie Text in Ihrem <a> verwenden möchten, wie "x" oder "schließen" löst das Ihr Problem nicht, es vermeidet nur den Fehler. Vielleicht hilft das Eric, das Problem zu erkennen.

• jQuery 1.4.4
• jquery.simplemodal.1.4.1

Answer 2

Dieses Problem wird durch das Hinzufügen eines closeClass w/einige CSS gelöst:

JS:

$.modal(html, { 
    closeHTML: '<a href="#">close</a>', 
    closeClass: 'acme-modal-close' 
}); 

CSS:

.acme-modal-close{ 
    display: inline; 
    z-index: 3200; 
    position: absolute; 
    top: 5px; 
    right: 5px; 
    cursor: pointer; 
}