jQuery simplemodal closeHTML issue

Question

У меня возникла проблема, когда при инициализации модального окна с использованием плагина jquery.simplemodal.

Без опции closeHTML модальное окно отформатировано правильно.

$.modal(html, {}); 

Однако, если я указываю closeHTML, модальное окно умещается в почти 10x10 пикселей, площадь с скроллинга.

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

Кто-нибудь сталкивался с этой проблемой и имел какую-либо идею для исправления?

Соответствующие спецификации:

• Chrome8 на Ubuntu x86_64
• JQuery 1.4.4
• jquery.simplemodal 1.4.1

Answer 1

я смог обойти эту проблему. Я только что удалил текст из <a class="modal-close">Close</a> и пошел с <a class="modal-close"></a> и css фоновым изображением. Так что, если вы хотите использовать текст в своем <a>, например, «x» или «close», это не решит вашу проблему, оно просто избегает ошибки. Возможно, это помогает Эрику найти проблему.

• JQuery 1.4.4
• jquery.simplemodal.1.4.1

Answer 2

Эта задача решается путем добавления closeClass ж/некоторого CSS:

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; 
}