2010-01-29 3 views
0

Существует огромное количество плагинов модального окна jQuery. Jitter перечисляет 20 из них в этом ответе (Modal windows plugin to rails).Как сравнить плагины jQuery modal box?

Какой из них вы используете и почему? Если вы используете разные в разных случаях, как они могут быть разбиты категорически на случай использования?

ответ

2

Я выбираю то, что я хочу, исходя из его основных использования. Тот факт, что вы можете использовать вариант лайтбокса, чтобы показать диалоговое окно, не делает его хорошим кандидатом в моем сознании.

Как правило, если мне нужно показать фотографии или другую iframed веб-страницу, я использую вариант лайтбоксов. Два, которые мы использовали в нашей студии и был доволен, являются:

  1. Slimbox 2 (Всего фото)
  2. Colorbox (Практически любой тип контента)

Для диалога типа поведения, я очень рекомендуем использовать jQuery UI's dialog. Он находится в активной разработке и является супер настраиваемым.

[rant] Что бы вы ни делали, не используйте SimpleModal, если вам не нужен специальный тип обратных вызовов. В противном случае, когда вы попытаетесь подключиться к обратному сообщению onClose, вы обнаружите, что вам нужно выполнить фактическое закрытие окна. Только мои два цента на этом. :) Я просто знаю, что придумал несколько раз здесь в SO, и он просто чувствует себя неудобно пользоваться ИМО [/ Rant]

+0

Отличный анализ. Благодаря! Как насчет форм? Это подпадает под сайт iframed или диалоговое окно в вашем уме? Например, форма, которая закрывает окно модели и изменяет исходную страницу при ее отправке? –

+0

Не нужно использовать iframe для формы. Используйте JQuery UI Dialog. Его обратные вызовы дают вам время для проверки формы, прежде чем действительно закрыть окно и т. Д. Проверьте их демо: http://jqueryui.com/demos/dialog/#modal-form –

+0

LOL, только что выпущенный Я фактически не отвечал ваш вопрос. Поскольку это форма, я бы счел хорошим кандидатом на диалог. –

0

JQuery UI Dialog с «плагин» для поддержки фреймов: http://elijahmanor.com/post/jQuery-UI-Dialog-w-Resizable-iFrame.aspx

Я использую его, потому что он включен в JQueryUI и использует тему jquery ui, которую вы используете, что обеспечивает согласованный пользовательский интерфейс с небольшой стоимостью

2

Я использую Colorbox, это потому, что рекомендуется использовать альтернативу в non-maintained thickbox.

В принципе, он позволяет iframe, поэтому изображение, вспышка и т. Д. Все в порядке. Также для меня стимул для обновления jQuery до 1.3.2 :-)

+0

Думаю, я могу проверить документацию для этого, но, возможно, вы знаете быстрый ответ из опыта: мне нужно использовать iFrame? Как насчет того, чтобы просто создавать контент прямо из javascript? Формы? –

+0

Вы можете использовать любой тип HTML-контента с Colorbox, без необходимости iframe. –

+0

Да, вам не нужен iframe для отображения содержимого коробки, это просто функция. Кстати, я использую подход YAGNI. Сначала захватите то, что мне нужно, затем поприветствуйте и найдите лайтбокс, который мне не нужен/измените минимальный код, чтобы он соответствовал моей потребности. – Tommy

Смежные вопросы