如何在不使用对话框的情况下创建看起来像jQuery对话框的div？

Question

我正在使用knouckout js编写一个类似于界面的向导.系统运行良好,但我需要在对话框中显示每个页面/步骤.jQuery对话框在系统的其他地方使用,并具有所需的样式,按钮等.

目的是让数据模板绑定到该div(或者能够更改div的内容)而不调用dialog().原因是让MVVM使用这种方式的方法是一件麻烦事.

有没有办法做到这一点？

谢谢,埃里克

Answer 1

你可以在常规元素上使用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>

它不会被拖动或调整大小,如果没有手动添加这些行为,关闭按钮将无法工作或翻转