ajax jquery example post

JQuery Mobile Introduction

JQuery Mobile is a touch-optimized web framework for creating mobile web apps and it is working on all popular smart-phones and tablets.

Before you start learn jQuery mobile you should know following,
·         JQuery
·         CSS
·         HTML
The uses of HTML, CSS and JavaScript solve these mobile related problems and it works for all standard mobile web browsers.

Examples for Create a Basic Page Template in JQuery mobile as,
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Include CSS URL -->
  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<!-- Include jQuery URL -->
  <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<!-- Include jQuery mobile URL -->
  <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="pageone">
  <div data-role="header">
  <h3>Welcome you on Home page header!</h3>
  </div>
  <div data-role="main" class="ui-content">
  <p>Welcome you  on main content UI!</p>
  </div>
  <div data-role="footer">
  <h3>Welcome you footer Text!</h3>
  </div>
</div>

</body>
</html>

Live output as,


I hope it is helpful to you! Thank you!
ANIL SINGH

Hey! I am Anil Singh. I am Active Blogger, Writer and Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.