jQuery simplemodal closeHTML проблема

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