jquerymobile data-icon issue
If i use CDN hosted javascript and css url inside my html data-icon are
displaying correctly. If i use local folder location inside my project its
not working. Find the below code for reference. I have the content from
the below mentioned CDN url only. Kindly advice what i am doing wrong.
Below code not working, round icon is displaying but i didnt get the info
logo "i" inside the icon.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/jquery.mobile-1.3.2.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.3.2.js"></script>
</head>
<body>
<div data-role="page" id="test">
<div data-role="header" data-theme="b">
<a href="#home" data-icon="info" data-iconpos="notext"></a>
<h1>Home</h1>
</div>
</div>
</body>
</html>
This code works if i use CDN url, icon with info symbol coming
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.css"
type="text/css" />
<script type="text/javascript"
src="code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript"
src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.js"></script>
</head>
<body>
<div data-role="page" id="test">
<div data-role="header" data-theme="b">
<a href="#home" data-icon="info" data-iconpos="notext"></a>
<h1>Home</h1>
</div>
</div>
</body>
</html>
No comments:
Post a Comment