JSFiddle - React, Tailwind, and code Playground
by olli
HTML
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.6.1.js"></script>
<script language="javascript" type="text/javascript" src="values.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header"><h1>Valores</h1></div>
<div data-role="content" align="center">
<script>
$(document).ready(function(){
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "cat",
tagmode: "any",
format: "json"
},
function(data) {
$.each(data.items, function(i,item){
$('#check').append('<input type="checkbox" name="bla" id="bla"/><label for="bla">bla</label>');
$('#bla').checkboxradio();
});
});
});
</script> <div data-role="fieldcontain">
<fieldset data-role="controlgroup" id="check">
<input type="checkbox" name="checkbox-30" id="checkbox-30" class="custom"/><label for="checkbox-30">estatico 1</label>
<input type="checkbox" name="checkbox-31" id="checkbox-31" class="custom"/><label for="checkbox-31">estatico 2</label>
<input type="checkbox" name="checkbox-32" id="checkbox-32" class="custom"/><label for="checkbox-32">estatico 3</label>
</fieldset>
</div>
</div>
<div data-role="footer" style="position:absolute;...