Skip to content

Instantly share code, notes, and snippets.

@T18970237136

T18970237136/TestJQueryMobile.html

Created March 13, 2015 12:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save T18970237136/9a83a9835570f81e4287 to your computer and use it in GitHub Desktop.
Save T18970237136/9a83a9835570f81e4287 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
TestJQueryMobile.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>jQuery Mobile issue template</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/git/jquery.mobile-git.css" />
<script type="application/javascript" src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script type="application/javascript" src="https://code.jquery.com/mobile/git/jquery.mobile-git.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Issue template</h1>
</div><!-- /header -->
<div class="ui-content">
<div>
<select id="mySelect1" disabled="disabled">
<option value="1">First</option>
<option value="2">Second</option>
</select>
</div>
<div>
<button id="myButton1" type="button">Enable select</button>
<div id="showDisabledState"></div>
</div>
<script type="application/javascript">//<![CDATA[
$("#myButton1").click(function(e) {
$('#mySelect1').selectmenu('enable');
showDisabledState();
});
function showDisabledState() {
$("#showDisabledState").text("Attribute \"disabled\": " + $("#mySelect1").attr("disabled"));
}
// Show after jQM page initialized
window.setTimeout(showDisabledState, 1);
//]]></script>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
Raw
TestJQueryMobile.xhtml
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>jQuery Mobile issue template</title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/git/jquery.mobile-git.css" />
<script type="application/javascript" src="https://code.jquery.com/jquery-2.1.3.js"></script>
<script type="application/javascript" src="https://code.jquery.com/mobile/git/jquery.mobile-git.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>Issue template</h1>
</div><!-- /header -->
<div class="ui-content">
<div>
<select id="mySelect1" disabled="disabled">
<option value="1">First</option>
<option value="2">Second</option>
</select>
</div>
<div>
<button id="myButton1" type="button">Enable select</button>
<div id="showDisabledState"></div>
</div>
<script type="application/javascript">//<![CDATA[
$("#myButton1").click(function(e) {
$('#mySelect1').selectmenu('enable');
showDisabledState();
});
function showDisabledState() {
$("#showDisabledState").text("Attribute \"disabled\": " + $("#mySelect1").attr("disabled"));
}
// Show after jQM page initialized
window.setTimeout(showDisabledState, 1);
//]]></script>
</div><!-- /content -->
</div><!-- /page -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment