Диалог jquery без стиля \ классов jquery

Question

У меня есть своя собственная стилизованная форма, и я хочу использовать jQuery UI .dialog(), чтобы отображать ее с наложением и в качестве модального диалога. Проблема в том, что jQuery применяет свои собственные классы и стили, такие как:

ui-dialog ui-widget ui-widget-content

Есть ли для меня простой способ проинструктировать jQuery не использовать свой собственный css ??

Спасибо!

Answer 1

Именно эти классы управляют всплывающими окнами в первую очередь через CSS, с которым связан JS.

Пользовательский интерфейс JQuery использует эти классы для отображения и отображения диалогового окна.

Если вы хотите изменить стиль, то лучше обновить CSS, если это то, что вы пытаетесь сделать. Обновите свой собственный CSS, чтобы переопределить стили CSS, если вы хотите повторно использовать стили пользовательского интерфейса в другом месте на вашем сайте.

Answer 2

Существует опция при инициализации .dialog () для dialogClass (http://jqueryui.com/demos/dialog/#option-dialogClass)), которая позволяет добавлять классы для дополнительной тематики. Однако я бы не рекомендовал удалять классы, добавляемые интерфейсом jQuery, если вы хотите, чтобы диалог выглядел иначе вы должны просто изменить стиль вашего jquery.ui.css.

Answer 3

Однако, если вам действительно нужно удалить классы, вы можете связать другую функцию с функцией открытия диалога, которая вызывается после открытия окна.

$( ".selector" ).dialog({
  open: function(event, ui) { ... }
});

В открытом месте вы сможете написать другую функцию.