Как удалить кнопку закрытия по умолчанию на странице диалога в JQuery Mobile 1.0?

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

Если у вас есть ситуация, когда вы хотите, чтобы кнопка закрытия ссылалась на произвольную (не последнюю) страницу, вы также можете сначала изменить страницу на желаемую страницу закрытия. Затем откройте диалог, как это:

// 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
);

Преимущества:

• решение работает для отдельных диалогов, вместо удаления всех кнопок закрытия из всех диалогов
• бесшовная интеграция в одной точке кода
• манипулирование историей не рекомендуется, см. здесь

Answer 4

Сейчас я использую jQueryMobile 1.0.1.В этой версии нет необходимости добавлять эту строку в файл CSS.

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