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

原文 标签 jquery jquery-ui mvvm knockout.js

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

目的是将数据模板绑定(bind)到该 div(或能够更改 div 的内容)而不调用 dialog()。原因是让 MVVM 使用这种风格的方法很麻烦。

有没有好的方法来做到这一点?

谢谢,
埃里克

最佳答案

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

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

关于jquery - 如何在不使用对话框的情况下创建一个看起来像 jQuery 对话框的 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7491043/

相关文章:

jQuery 验证器,使任一字段为必填项

javascript - 使用jQuery .animate进行搜索框动画

android - 如何在 Dialog 中使用数据绑定(bind)?

.net - WPF:绑定(bind)到 ListBoxItem.IsSelected 不适用于屏幕外项目

Jquery datepicker - 将日期格式化为 dd/mm/yy

wpf - 使用 MVVM 在 wpf 的组合框中取消选择

javascript - 无论如何要更改站点的 url 参数?

javascript - 无法将本地存储上传到数据库

javascript - 将元素从margin-left:-9999px移动到页面时,如何平滑过渡?

javascript - 尝试将本地 Javascript 文件链接到 HTML 文档,但在浏览器中,我收到 Failed to load resource 错误