I am trying to create a skin using the
jQuery mobile framework.
The basic structure of a page needs to be as follows:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jQuery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b2/jQuery.mobile-1.0b2.min.js"></script>
</head>
<body> ...content goes here... </body>
</html>
I know how (or at least I think I know how) to structure the structure of the page within the <body> element.
I have no clue how to modify the items in the <head>
As far as I can tell this is being driven by the Default.aspx page.
I don't want to make any changes to the Default.aspx page because we are using other traditional skins in the site as well.
Is there a way to programmatically change the elements in the <head> tag so that it can conform to this template?
Any help is greatly appreciated.
Jack