jQuery functions don't work on the elements created 'on the fly'

Question

I created some elements on the fly by JavaScript like this:

tmpString += '<a class="small_text add" id="' + variable_id + '_add" href="#" > add </a>';
$('#mydiv').html(tmpString);

Problem

jQuery functions don't work on these 'on the fly' elements, but the same jQuery functions work on other normal elements (like "a" tags in my site menu).

This is my jQuery code:

$('a').click(function(){ e.preventDefault(); alert(1); });

Answer 1

You need to use live or delegate .

$('a').live('click', function() {
    //your code
});

Answer 2

将live()用于动态添加的元素。

$('a').live("click", function(e){ e.preventDefault(); alert(1); });

Answer 3

每次您动态创建元素时，都应调用click处理器。