javascript - 如何为动态 html 元素调用 jquery 插件？

Question

我正在将一些数据动态绑定(bind)到 html。当我绑定(bind)它时，我必须调用一个函数来处理相同 html 元素的值。看代码:

$.each(data, function(key, value) {
    htmlData += '<div class="large-1 infographic-box border_right merged-top pull-left widget-data" >';
          $.each(value,function(dKey,dValue){

                htmlData += '<span id="'+dKey+'['+ key +']"  class="'+dKey+' value widget-data" data-value="'+dValue+'">'+ dValue  +'</span>';
                })
                htmlData += '<span class="headline">'+ monthNames[parseInt(key)-1] +'</span>'+
                                 '</div>';
            });
                htmlData += '</div>';
                 $('.transaction-section').html(htmlData);
    $('.widget-data').each(function(){
            var value = $(this).data('value');
            var index = $(this).attr('id');
            $(this).siPrifixx(value,{
                maxDigits: 4,
                seperator: true,
                decimal: 1,
                popUp: true,
                countUp:index
           })
     });

对于这个 html，我必须在 $('.widget-data').each(function() 上调用一些函数。但是当我在里面/外面调用它时该 block 未触发。我该怎么做？

我在 $(document).ready() 中的脚本，仍然没有得到改变，我需要在我的 siPrifixx 中处理 dValue >，它需要人性化。但这认为，我确实获得了值(value)，但 siPrifixx 没有被解雇。

Answer 1

使用委托(delegate)

$('body').delegate('.widget-data','click',function() {
     //Your scripts
});