Apex Code Development You need to sign in to do that
Don't have an account?
VF Page with Jquery Mobile
I am creating Simple Jquery Mobile Page:
<apex:page showHeader="false" sidebar="false" standardStyleSheets="false">
<html>
<head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
</head>
<body>
<div data-role="page"
<div data-role="header">
<h1>My Title</h1>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
</ul>
</div>
</div>
</body>
</html>
</apex:page>
but still page doesn't take these CDN library.
and page shows as such->
Why is Mobile Look and feel not attained here?
If you are using Chrome, You have to allow "Load unsafe script" from top right corner of the loaded page.
After refreshing the page, you will get the GUI like what you had expected :)
Important :
If you have received the answer which you are looking for, Please mark it as a Solution, this will help others to find the resolution of problem with ease.
All Answers
If you are using Chrome, You have to allow "Load unsafe script" from top right corner of the loaded page.
After refreshing the page, you will get the GUI like what you had expected :)
Important :
If you have received the answer which you are looking for, Please mark it as a Solution, this will help others to find the resolution of problem with ease.
worked for me.
thanks a ton!! :)