Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在每次()迭代中更新页面元素?_Javascript_Jquery_D3.js - Fatal编程技术网

Javascript 如何在每次()迭代中更新页面元素?

Javascript 如何在每次()迭代中更新页面元素?,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我想在each()的每次迭代中更新messagecount元素。我该怎么做?我放置了一个计数器,它在每次迭代时递增。但它不起作用 cityMarkerCanvas.each(function(d,ienter code here) { var count=1; var self = this; var cb = function(){ $( "#inner1" ).append( "<p>Current tweet count:"+count

我想在each()的每次迭代中更新messagecount元素。我该怎么做?我放置了一个计数器,它在每次迭代时递增。但它不起作用

cityMarkerCanvas.each(function(d,ienter code here) {
    var count=1;
    var self = this;
    var cb = function(){
         $( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
         var coords = projection([d.Lat, d.Long]); 
         d3.select(self)
            .attr("cx", function(d) {
                return coords[0];
             })
             .attr("cy", function(d) {
                return coords[1];
             })
             .transition()
             .attr("r", 3)
             .attr("opacity", 1.0)
             .duration(1000);
             //console.log(i);
         count++;
    }
    setTimeout(cb, 200*i);
})
citymarkercavas.each(函数(d,此处为客户代码){
var计数=1;
var self=这个;
var cb=函数(){
$(“#inner1”).append(“当前tweet计数:“+count+”

”);
cityMarkerCanvas.each(function(d,ienter code here) {
    var count=1;
    var self = this;
    var cb = function(){
         $( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
         var coords = projection([d.Lat, d.Long]); 
         d3.select(self)
            .attr("cx", function(d) {
                return coords[0];
             })
             .attr("cy", function(d) {
                return coords[1];
             })
             .transition()
             .attr("r", 3)
             .attr("opacity", 1.0)
             .duration(1000);
             //console.log(i);
         count++;
    }
    setTimeout(cb, 200*i);
})
var coords=投影([d.Lat,d.Long]); d3.选择(自我) .attr(“cx”,功能(d){ 返回坐标[0]; }) .attr(“cy”,函数(d){ 返回坐标[1]; }) .transition() .attr(“r”,3) .attr(“不透明度”,1.0) .持续时间(1000); //控制台日志(i); 计数++; } 设置超时(cb,200*i); })
您必须在每次循环之前初始化
计数

cityMarkerCanvas.each(function(d,ienter code here) {
    var count=1;
    var self = this;
    var cb = function(){
         $( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
         var coords = projection([d.Lat, d.Long]); 
         d3.select(self)
            .attr("cx", function(d) {
                return coords[0];
             })
             .attr("cy", function(d) {
                return coords[1];
             })
             .transition()
             .attr("r", 3)
             .attr("opacity", 1.0)
             .duration(1000);
             //console.log(i);
         count++;
    }
    setTimeout(cb, 200*i);
})
var count=1;
cityMarkerCanvas.each(function(d,i) {
    var self = this;
    var cb = function(){
       $( "#inner1" ).append( "<p>Current tweet count:"+(count++)+"</p>" );
       var coords = projection([d.Lat, d.Long]); 
       d3.select(self)
         .attr("cx", function(d) {
            return coords[0];
         })
         .attr("cy", function(d) {
            return coords[1];
         })
         .transition()
         .attr("r", 3)
         .attr("opacity", 1.0)
         .duration(1000);
    }
    setTimeout(cb, 200*i);
});
var计数=1;
每个城市市场营销活动(功能(d,i){
var self=这个;
var cb=函数(){
$(“#inner1”).append(“当前tweet计数:”+(计数++)+“

”);
cityMarkerCanvas.each(function(d,ienter code here) {
    var count=1;
    var self = this;
    var cb = function(){
         $( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
         var coords = projection([d.Lat, d.Long]); 
         d3.select(self)
            .attr("cx", function(d) {
                return coords[0];
             })
             .attr("cy", function(d) {
                return coords[1];
             })
             .transition()
             .attr("r", 3)
             .attr("opacity", 1.0)
             .duration(1000);
             //console.log(i);
         count++;
    }
    setTimeout(cb, 200*i);
})
var coords=投影([d.Lat,d.Long]); d3.选择(自我) .attr(“cx”,功能(d){ 返回坐标[0]; }) .attr(“cy”,函数(d){ 返回坐标[1]; }) .transition() .attr(“r”,3) .attr(“不透明度”,1.0) .持续时间(1000); } 设置超时(cb,200*i); });

您可以使用
(i+1)
代替
(count++)
,而无需使用
count
变量。

尝试定义
var count=1在城市市场营销活动之前。每个(
是的,我都试过了,效果很好。非常感谢。。
cityMarkerCanvas.each(function(d,ienter code here) {
    var count=1;
    var self = this;
    var cb = function(){
         $( "#inner1" ).append( "<p>Current tweet count:"+count+"</p>" );
         var coords = projection([d.Lat, d.Long]); 
         d3.select(self)
            .attr("cx", function(d) {
                return coords[0];
             })
             .attr("cy", function(d) {
                return coords[1];
             })
             .transition()
             .attr("r", 3)
             .attr("opacity", 1.0)
             .duration(1000);
             //console.log(i);
         count++;
    }
    setTimeout(cb, 200*i);
})