使用jquery对动态创建的元素进行Onclick

Question

Onclick事件对我不起作用。当鼠标悬停在某个div上时，我使用.html（）函数动态插入一些图标，并希望设置onclick上的图标，但我不能。我也尝试为静态封闭div设置点击监听器（jquery .on（'click'，..）函数）或整个页面，但它没用，好像这些图标只是吞下点击事件...任何想法？

<div id="rating" class="pull-right rating-box clearfix">
    <i class="fa fa-star"></i>
    <i class="fa fa-star-o"></i>
    <i class="fa fa-star-o"></i>
</div>

这是html

我尝试了很多方法，但这是我尝试过的最新内容

$(document).ready(function() 
{
    //some code
    $('#rating').html(/* some combination of <i class="fa fa-star"></i>'s */);
    $('#rating').on('click', 'i', function() { });
});

Answer 1

请改用.append()方法：

$('#rating').empty();
$('#rating').append(/* some combination of <i class="fa fa-star"></i>'s */);
$('#rating').on('click', 'i', function() { });

jsFiddle

有关详细信息，请参阅jquery .html() vs .append()。