изменить кнопку закрытия по умолчанию в заголовке мобильного диалога jquery? - PullRequest
Новая
       24

изменить кнопку закрытия по умолчанию в заголовке мобильного диалога jquery?

2 голосов
/ 03 апреля 2012

У меня есть обычный мобильный диалог jquery с кнопкой закрытия по умолчанию слева в заголовке.Я пытаюсь изменить кнопку закрытия на кнопку возврата, и в то же время дать ей значок возврата (data-icon = "arrow-l"? Я попытался внести некоторые изменения в первый тег ниже,но в результате появляется пустая кнопка перед старой кнопкой закрытия, и кнопка OK (вторая метка) перемещается влево, а не остается вправо. Изображение внутри тегов h1 помещается под кнопки, но остается в центре.

 <div data-role="header" class="header">
    <a class="ui-btn-left ui-btn ui-btn-up-a ui-btn-icon-notext ui-btn-corner-all ui-shadow" data-iconpos="notext" data-icon="arrow-l" href="#" title="back" data-theme="a">
    <a href="#" data-role="button" data-icon="check" data-rel="check" title="Ok"></a>
            <h1><img src="<?= base_url(); ?>/branding/img/logo.png" height="20" /></h1>
 </div>

1 Ответ

0 голосов
/ 16 мая 2013

Вы можете добавить data-close-btn = "none" и использовать data-rel = "back" следующим образом: 

<div data-role="header" class="header" data-close-btn="none"> 
  <a href="#" data-role="button" data-icon="arrow-l" data-rel="back">
  <a href="#" data-role="button" data-icon="check" title="Ok"></a>

  <h1><img src="<?= base_url(); ?>/branding/img/logo.png" height="20" /></h1>
</div>

Working fiddle .Это то, что вы имели в виду?

...