Question

我有一个常规的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>

Answer 1

你可以添加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>

工作fiddle。这是你的意思吗？

更改jquery移动对话框标题中的默认关闭按钮？

1 个答案: