Opened 11 years ago

Closed 11 years ago

Last modified 8 years ago

#4687 closed bug (notabug)

Dynamic content without events?

Reported by: Paladin76 Owned by:
Priority: minor Milestone:
Component: ui.core Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:

Description

I have this code (very simplyfied):

my html file


<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<link type="text/css" href="mytheme/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="myJQuery.js"></script>
</head>

<body>
<div id="mydiv">

</div>
</body>
</html>


my "myJQuery.js" file


$(document).ready(function()
{

Add some dynamic content here
$('div#mydiv').html('<a href="#" id="myLink">Click me!</a>');


Try to make some event with it...
$('a#mylink').click(function()
{

console.log('Hello World...');

});

};


So, this does not work, it will show up the link 'click me!', but nothing happends, when i click on it (i mean, no entry in my javascript console will be made). I use firefox, chrome, ie, opera, iron, safari, netscape 7, seamonkey, and some more Browsers to test, but it will not work.

The inclusions are all correct, firebug does not make a hint for missing files, and no error appear, but even nothing happens...

Please help...

Change History (2)

comment:1 Changed 11 years ago by Scott González

Resolution: invalid
Status: newclosed

Ids are case sensitive, you need to use '#myLink' not '#mylink'.

Closing invalid; this has nothing to do with jQuery UI.

comment:2 Changed 8 years ago by Scott González

Milestone: TBD

Milestone TBD deleted

Note: See TracTickets for help on using tickets.