data-add-back-btn =「true」不起作用

問題出在標題上。這是jsfiddle。這是代碼：data-add-back-btn =「true」不起作用

<!DOCTYPE HTML> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title>Back button test</title> 
<link href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet"> 
<script src="//code.jquery.com/jquery-1.8.1.min.js"></script> 
<script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
</head> 
<body> 
    <div id="home" data-role="page" data-add-back-btn="true"> 
     <div data-role="header"><h1>header</h1></div> 
     <div data-role="content">content</div> 
    </div> 
</body> 
</html>

來源

2012-12-01 MarcoS

JQM僅在第一個視圖之外的頁面上添加一個後退按鈕。如果添加另一個頁面data-add-back-btn="true"它會顯示：

<body> 
<!-- --> 
<div id="home" data-role="page" data-add-back-btn="true"> 
    <div data-role="header"><h1>header</h1></div> 
    <div data-role="content"> 
     content <a href="#page2">page2</a> 
    </div> 

</div> 
<div id="page2" data-role="page" data-add-back-btn="true"> 
    <div data-role="header"><h1>Page 2</h1></div> 
    <div data-role="content">Back-button visible</div> 
</div> 
</body>

http://jsfiddle.net/c2pUt/4/

下面是從jQuery的移動1.2.0.js摘要（上4800行開始）：

// Auto-add back btn on pages beyond first view 
if (o.addBackBtn && role === "header" 
    && $(".ui-page").length > 1 
    && $page.jqmData("url") !== $.mobile.path.stripHash(location.hash) 
    && !leftbtn) { 

    backBtn = $("<a href='javascript:void(0);' class='ui-btn-left' data-" + $.mobile.ns + "rel='back' data-" + $.mobile.ns + "icon='arrow-l'>" + o.backBtnText + "</a>") 
    // If theme is provided, override default inheritance 
    .attr("data-" + $.mobile.ns + "theme", o.backBtnTheme || thisTheme) 
     .prependTo($this); 
}

來源

2012-12-01 19:34:59

謝謝！我錯過了「超越第一視圖」......因此，如果我需要第一頁上的後退按鈕（頁面來自前面的外部頁面），我將不得不「手動」添加它？ – MarcoS

@MarcoS葉普，不幸的是「手工」，據我所知... –

此外，由於jQuery移動1.4此屬性應添加到[標題，而不是頁面div]（http://stackoverflow.com/questions/20064843） /數據回加-BTN此結果未顯示-A-後退按鈕） –

data-add-back-btn =「true」不起作用

回答

相關問題