Bug Tracker

Ticket #3315: ie7bug.html

File ie7bug.html, 1.4 KB (added by raid_ox, 14 years ago)

Test Case

Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3        <head>
4                <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5                <title>Untitled Document</title>
6                <link rel="stylesheet" href="style.css" type="text/css" media="screen" title="no title" charset="utf-8">
7                <script src="lib/jquery-1.2.6.pack.js" type="text/javascript"></script>
8                <script type="text/javascript" charset="utf-8">
9                        var render = function(data)
10                        {
11                                var tree = $('#tree');
12                                var treetpl = $('<div>').html(tree.html()).children().eq(0);
13                               
14                                tree.empty();
15                               
16                                for(var i=0; i<data.length; i++)
17                                {
18                                        var tpl = treetpl.clone();
19                                        tpl.html(tpl.html()); // this is the source of the bug
20                                       
21                                        tpl.appendTo(tree);
22                                        tpl.find('.name').html(data[i].name);
23                                }
24                        }
25                       
26                        var getLength = function()
27                        {
28                                var length = $('li .name').length;
29                                alert('$("li .name")length ='+length);
30                        };
31                       
32                        var getHTML = function()
33                        {
34                                alert($('#tree').html());
35                        }
36                       
37                        $(document).ready(function(){
38                                render([{name:'item1'}, {name:'item2'}, {name:'item3'}, {name:'item4'}])
39                        });
40                </script>
41        </head>
42        <body>
43                <ul id="tree">
44                        <li><span class="name">name</span></li>
45                </ul>
46                <input type="button" value="get length" onclick="getLength();" />
47                <input type="button" value="get HTML" onclick="getHTML();" />
48        </body>
49</html>