Viết một ứng dụng Restaurant Picke sử dụng "back menu" (ok)

https://www.tutorialspoint.com/jquery_mobile/btn_back_button.htm

Ví dụ sử dụng phiên bản 1.4.5 mới nhất :)

https://javascriptuse.gitbook.io/project/jquery-new-jquery-old-jquery-migrate-ok

C:\xampp\htdocs\wpclidemo\index.html

<!DOCTYPE html>
<head>
  <title>Mobile Events</title>
  <meta name="viewport" content="width = device-width, initial-scale = 1">
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
  <div id="page1" data-role="page">
    <div data-role="header" data-add-back-btn="true">
      <h2>Header</h2>
    </div>
    <a href="about.html" data-role="button">To About</a>
  </div>
</body>
</html>

C:\xampp\htdocs\wpclidemo\about.html

C:\xampp\htdocs\wpclidemo\next.html

LogojQuery Mobile Tutorial: Creating a Restaurant Picker Web App | The Jotform BlogJotform
425KB
Restaurant-Picker-jQueryMobile-demo-master.zip
archive
Open

Ví dụ 1: Sử dụng phiên bản cao hơn ví dụ 2 jquery.mobile.js

C:\xampp\htdocs\oec\index.html

Chú ý để thay đổi label chúng ta cũng có thể dùng:

Vi dụ 2: Chú ý sử dụng data-add-back-btn="true" và data-role="header"

C:\xampp\htdocs\wpclidemo\index.php

C:\xampp\htdocs\wpclidemo\choose_town.php

C:\xampp\htdocs\wpclidemo\choose_restaurant.php

C:\xampp\htdocs\wpclidemo\next.php

C:\xampp\htdocs\oec-t\custom.css

PreviousData Attributes full (ok)NextViết một ứng dụng thời tiết, Weather sử dụng panel (ok)

Last updated

Was this helpful?