Question

如何在jquery mobile 1.0中删除对话框页面中的默认关闭按钮。我正在使用RC2版本。

提前感谢。

Answer 1

请将其放在您的页面或样式表中：

<style>
.ui-dialog  .ui-header .ui-btn-icon-notext  { display:none;} 
</style>

Answer 2

<style>
  .ui-dialog  .ui-header .ui-btn-icon-notext  { display:none;}
</style>

这不起作用。至少用jquery.mobile-1.2.0

.ui-dialog .ui-header a[data-icon=delete] {
  display: none;
}

但这种方式有效

Answer 3

现在我正在使用jQueryMobile 1.0.1。在此版本中，无需在CSS文件中添加此行。

<style>
.ui-dialog  .ui-header .ui-btn-icon-notext  { display:none;} 
</style>

Answer 4

如果您有关闭按钮的情况，请参阅任意（不是最后一页）页面，您也可以先将页面更改为所需的关闭页面。然后打开如下对话框：

// change to the "close" page first
$.mobile.changePage('#your_page_id_here');

现在您可以打开对话框，关闭按钮将打开#your_page_id_here

// for some reason you have to wrap it in a timeout         
window.setTimeout(
   function( data){
      $.mobile.changePage('#dialog');
   },
   1
);

优点：

解决方案适用于单个对话框，而不是从所有对话框中删除所有关闭按钮
单点代码的无缝集成
不建议使用历史记录操作，请参阅here

如何在jquery mobile 1.0中删除对话框页面中的默认关闭按钮？

4 个答案: