Skip to content

Instantly share code, notes, and snippets.

@lalyos

lalyos/pure-js-issue.html

Created November 5, 2010 16:01
Show Gist options
  • Save lalyos/664353 to your computer and use it in GitHub Desktop.
Save lalyos/664353 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
pure-js-issue.html
<html>
<head>
<title>PURE JS bug </title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js">
</script>
<script src="http://github.com/pure/pure/raw/master/libs/pure.js">
</script>
<style>
.red{ border: 5px red solid; margin: 5px;}
.green{ border: 5px green solid; margin: 5px;}
.blue{ border: 5px blue solid; margin: 5px;}
.black{ border: 5px black solid; margin: 5px;}
.hide{display:none;}
</style>
</head>
<body>
<div class="test1 green">
<ul>
<li class="prop1">dummyText1</li>
<li class="prop3">dummyText3</li>
<li class="prop1">dummyText1</li>
<li class="prop3">dummyText3</li>
</ul>
</div>
<div class="test2 blue">
<ul>
<li class="prop1">dummyList1</li>
--- BEFORE-ARRAY ---
<li class="prop2">dummyList2</li>
--- AFTER-ARRAY ---
<li class="prop3">dummyList3</li>
</ul>
</div>
<div class="test3 black">
<ul>
<li class="prop1">dummyList1</li>
--- BEFORE-ARRAY ---
<div class="prop2"><li class="subprop">dummyList2</li></div>
--- AFTER-ARRAY ---
<li class="prop3">dummyList3</li>
</ul>
</div>
<div class="test4 red">
<span class="prop1">dummyList</span>
<hr/>
<span class="prop1">dummyList</span>
<hr/>
<ul>
<li class="prop2"><span class="subprop">dummyList1</span></li>
</ul>
<br/>after
<span class="prop1">dummyList</span>
<br/>last
</div>
<script>
var data={
prop1: 'prop1',
prop2: [{subprop:'sub-1'}, {subprop:'sub-2'}, {subprop:'sub-3'}],
prop3: 'prop3'
}
$('div.test1').autoRender(data);
$('div.test2').autoRender(data);
$('div.test3').autoRender(data);
$('div.test4').autoRender(data);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment