Javascript 如何为动态html元素调用jquery插件?

Javascript 如何为动态html元素调用jquery插件?,javascript,jquery,html,plugins,jquery-plugins,Javascript,Jquery,Html,Plugins,Jquery Plugins,我正在将一些数据动态绑定到html。当我绑定它时,我必须调用一个函数来处理相同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){

我正在将一些数据动态绑定到html。当我绑定它时,我必须调用一个函数来处理相同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
           })
     });
$。每个(数据、函数(键、值){
htmlData+='';
$.each(值、函数(dKey、dValue){
htmlData+=''+dValue+'';
})
htmlData+=''+月[parseInt(键)-1]+''+
'';
});
htmlData+='';
$('.transaction section').html(htmlData);
$('.widget data')。每个(函数(){
var值=$(this.data('value');
var index=$(this.attr('id');
$(此).siPrifixx(值{
最大数字:4,
是的,
小数点:1,
是的,
倒计时:索引
})
});
对于这个html,我必须在
$('.widget data')上调用一个函数。每个(function()
都有一些东西。但是当我在块的一侧/一侧调用它时,它不会触发。我如何才能做到这一点


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

使用
委托

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

  • 选择dom元素父元素(无法更改此元素)
  • 调用事件进行侦听
  • 要侦听的列表元素(此元素可以更改)

    $(“表”)。在(“单击”,“td”,函数()上{ //代码 }))


  • 我找到了一种调用函数的方法,它可以为我工作

    $.each($(htmlData).find('.widget-data'), function(){
                var value = $(this).data('value');
                var index = $(this).attr('id');
                $(this).siPrifixx(value,{
                    maxDigits: 4,
                    seperator: true,
                    decimal: 1,
                    popUp: true,
                });
            });
    

    我是在加载时启动的,不是在单击时启动的!因此您可以将“单击”更改为“准备就绪”,如$(document).ready()或$(function(){$('.widget data')。每个(function()…})我都在
    $(document).ready()中运行了脚本
    ,它仍然没有得到改变,我需要在我的
    siPrifixx
    中处理
    dValue
    ,它需要人性化。但是这认为,我确实得到了价值,但是
    siPrifixx
    没有被解雇。你需要
    加载
    还是
    每个
    ?如果你需要每次使用
    每个
    而不是
    点击
    每个
    都是b比加载更好!我找到了调用函数的解决方案。因为绑定返回值有困难。现在插入是处理dValue。但是进程数据没有绑定