Question

我需要升级到JQM 1.4，似乎无法弄清楚这个新的对话框。我之前使用过JQM 1.3没有任何问题。

我注入一个＆lt; span＆gt;主页上的元素用html代码然后“增强”它。代码表示一个浮动在屏幕上方的对话框。

<span id='dialog'></span>

$.ajax(
{
  url: '/web/dialogs/' + dlg.page + '.aspx',
  success: function (content)
  {
    $('#dialog').html(content).enhanceWithin();
    ...
  }
});

内容就是这个......

<div data-role="dialog" data-dialog="true" data-overlay-theme="a" data-close-btn="right" style="display: inline">
  <div data-role="header" data-theme="a">
    <h1>Headertext</h1>
  </div>
  <div data-role="content" role="main" data-theme="a" class="ui-content">
    <table>... controls, stuff ...</table>
  </div>
</div>

现在出现“对话框”并且控件/窗口小部件已增强，但主题未完全已应用。

将应用于标题，header-div（data-role =“header”）包含class =“ui-header ui-bar- a ” 。这部分是正确的。

未应用内容，content-div缺少class =“... ui-overlay- a ”，所有内部输入控件也是错过了ui - * - 一个班级。使对话框内容背景透明。

这里发生了什么？我错过了什么？

我也不理解“角色”和“数据角色”之间的区别。和“数据叠加主题”，“数据内容主题”，“数据主题”。无论如何，后者的默认值是“a”，所以即使我错过了它也没关系。不可能是问题。

我只是希望JQM 1.4在content-div中正确添加所有主题类（如ui-overlay- a ，ui-btn- a ）和一些< em> secret / magic / blackbox thingy 正在阻止它。有什么想法吗？

JQuery Mobile 1.4 - 数据主题仅部分应用

0 个答案: