更改jquery移動對話框標題中的默認關閉按鈕？

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

您可以添加數據近距BTN = 「none」 和使用數據的rel = 「背」 是這樣的：

<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 這是什麼。 你的意思是？