JavaScript DOM未在html表中读取

时间:2012-06-27 12:32:19

标签: javascript html dom html-table

我从JSON数据生成一个int

var f_page = ["TheHouseofMarley"];

retrieveData(f_page[0]);

function retrieveData(teamName) {               
    var baseURL = 'http://graph.facebook.com/';
    $.getJSON(baseURL+teamName+"&callback=?", function(data) {
    $('#FBlikes').append(data.likes)
        });
    };

这是有效的,它给出了~8407

我有一个从<中读取数据的图表table id =" chartData">

从表格中抓取数据 我使用jQuery选择器 - $(' #chartData td') - 来选择表中的所有数据单元格。然后我可以使用jQuery each()方法遍历这些单元格。对于每个单元格,我确定它是否是标签(例如" SuperWidget")或值(例如" FBLike")单元格,基于它是否在左列或右列。然后我将单元格内容存储在“标签”下面。或者'价值'键入关联数组,然后放入chartData数组。

$('#chartData td').each( function() {
  currentCell++;
  if ( currentCell % 2 != 0 ) {
    currentRow++;
    chartData[currentRow] = [];
    chartData[currentRow]['label'] = $(this).text();
  } else {
   var value = parseFloat($(this).text());
   totalValue += value;
   value = value.toFixed(2);
   chartData[currentRow]['value'] = value;
  }

  // Store the slice index in this cell, and attach a click handler to it
  $(this).data( 'slice', currentRow );
  $(this).click( handleTableClick );

问题是当我将此号码插入< table id =" chartData">它没有被图表阅读!

<table id="chartData">

<tr style="color: #0DA068">
  <td>Number of Likes </td><td><span id='FBlikes'></span> </td> //Not Read!
</tr>

<tr style="color: #194E9C">
  <td>MegaWidget</td><td>20000</td> //This is Read by the Chart!
</tr>

简而言之:未从HTML表中读取Javascript输出。 任何人都可以指向某个方向吗?我真的很擅长代码。

1 个答案:

答案 0 :(得分:1)

通常在Ajax中会出现此问题。

构建一个附加“data.likes”的字符串。然后最后将字符串分配给元素。

这可能听起来很愚蠢,但它对我有用。每当我使用ajax响应字符串在jQuery中动态构建表时,我永远不会得到一个表。然后我按照我提到的程序。

如果我的解决方案有效,请帮助我理解为什么会这样。