Bug Tracker

Ticket #5566: test-5566.html

File test-5566.html, 1.5 KB (added by dmethvin, 13 years ago)

Slightly modified 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>jQuery 1.3 Adjacent Selector Bug</title>
6    <script type="text/javascript" src="jquery-1.4a1.js"></script>
7    <script type="text/javascript">
8      $(function() {
9     
10        $('li').append($("<button/>")
11          .text("click me")
12          .click(function() {
13            alert("Good job!");
14          })
15                );
16                 
17      });   
18    </script>
19        </head>
20        <body>
21          <h1>jQuery 1.3 loses event handlers when appending to multiple elements</h1>
22   
23    <h2>Demo:</h2>
24    <ul>
25      <li>Hello</li>
26      <li>Hello</li>
27      <li>Hello</li>
28    </ul>
29   
30    <h2>Code:</h2>
31    <pre>$(function() {
32  $('li').append($("&lt;button/&gt;")
33    .text("click me")
34    .click(function() {
35      alert("Good job!");
36    })
37  );
38});</pre> 
39   
40    <h2>Problem:</h2>
41    <p>In jQuery 1.2.6, all three buttons would cause an alert box to be shown. In 1.3.1,
42    only the first does - the click handler does not appear to get copied to the other buttons. This was filed as bug <a href="http://dev.jquery.com/ticket/4161">#3966</a>,
43    (and <a href="http://dev.jquery.com/ticket/4161">ticket #4161</a>) and was supposedly fixed in 1.3.2.</p>
44    <p>However, in jQuery 1.3.2, none of the buttons have a click handler!</p>
45    <p><a href="./">Back to Browser Bugs</a></p>
46        </body>
47</html>