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

时间:2011-09-20 19:57:54

标签: jquery jquery-ui mvvm knockout.js

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

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

有没有好办法呢?

谢谢, 埃里克

1 个答案:

答案 0 :(得分:5)

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

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