Как я могу создать div, который выглядит как диалог jQuery без использования диалога? - PullRequest
0 голосов
/ 20 сентября 2011

Я использую knouckout js, чтобы написать интерфейс, подобный мастеру. Система работает хорошо, за исключением того, что мне нужно, чтобы каждая страница / шаг появлялась в диалоге. Диалоговое окно jQuery используется в другом месте системы и имеет необходимый стиль, кнопки и т. Д.

Намерение состоит в том, чтобы привязать шаблон данных к этому div (или иметь возможность изменять содержимое div) без вызова dialog (). Причина в том, что MVVM работает с методами в этом стиле очень сложно.

Есть ли хороший способ сделать это?

Спасибо, Erick

1 Ответ

5 голосов
/ 21 сентября 2011

вы можете использовать классы jquery ui на обычных элементах для получения стилей jquery ui.

<div class="ui-widget ui-widget-content ui-corner-all">
  <div class="ui-widget-header ui-corner-all">
    <span id="ui-dialog-title-dialog" class="ui-dialog-title">Panel title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-widget-content">
      <p>panel content goes here.</p>
   </div>
</div>

это не будет перетаскиваемым или изменяемым размером, и кнопка закрытия не будет работать или переключаться без добавления этих вариантов поведения вручную

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...