Bug Tracker

Ticket #5414: Jquery-bug.html

File Jquery-bug.html, 2.7 KB (added by CarSandwich, 11 years ago)

Example showing bug

Line 
1<html xmlns="http://www.w3.org/1999/xhtml">
2<head>
3    <title>Test</title>
4</head>
5<body>
6    <form id="form1">
7    <fieldset>
8        <legend>Cheese Table</legend>
9        <table id="CheeseTable">
10            <thead>
11                <tr>
12                    <th>
13                        Name
14                    </th>
15                    <th>
16                        Rating
17                    </th>
18                </tr>
19            </thead>
20            <tbody>
21                <tr>
22                    <td>
23                        Chedder
24                    </td>
25                    <td>
26                        5
27                    </td>
28                </tr>
29                <tr>
30                    <td>
31                        Swiss
32                    </td>
33                    <td>
34                        3
35                    </td>
36                </tr>
37                <tr>
38                    <td>
39                        English
40                    </td>
41                    <td>
42                        2
43                    </td>
44                </tr>
45            </tbody>
46        </table>
47    </fieldset>
48    <br />
49    <fieldset>
50        <legend>Beer Table</legend>
51        <table id="BeerTable">
52            <thead>
53                <tr>
54                    <th>
55                        Name
56                    </th>
57                    <th>
58                        Rating
59                    </th>
60                </tr>
61            </thead>
62            <tbody>
63                <tr>
64                    <td>
65                        VB
66                    </td>
67                    <td>
68                        3
69                    </td>
70                </tr>
71                <tr>
72                    <td>
73                        Corona
74                    </td>
75                    <td>
76                        5
77                    </td>
78                </tr>
79                <tr>
80                    <td>
81                        EB
82                    </td>
83                    <td>
84                        1
85                    </td>
86                </tr>
87            </tbody>
88        </table>
89    </fieldset>
90    </form>
91
92    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
93    <script>
94        $(document).ready(BindTable);
95
96        function BindTable() {
97            //$('#BeerTable tbody tr:not(:first)');
98
99            var rows = $('#BeerTable tbody tr:not(:first)');
100           
101            rows.css("background-color", "red");
102            rows.live("dblclick", RowEvent);
103        }
104
105        function RowEvent(event) {
106            alert('Clicked!');
107        }
108    </script>
109</body>
110</html>