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 Yepp、残念ながら "手作業で"知っている限り... –

jQueryモバイル1.4以来、この属性は[header、page divではない]に追加する必要があります（http://stackoverflow.com/questions/20064843）。/data-add-back-btn-not-show-a-back-button） –

data-add-back-btn = "true"は機能しません

答えて

関連する問題