我使用的是handlebars.js和sheerock .js。有趣的是,我一遍又一遍地使用相同的脚本,但这次它不会从电子表格中提取单元格信息。我已经确保电子表格是公开的,可以在这里找到。我已经把剧本翻来复去看了一个星期了。我在控制台没有得到任何类型的错误代码,所以不确定发生了什么。我想我漏掉了一些很小的东西。
我真的需要一个新的眼睛来让我知道我做错了什么,或者我错过了什么。非常感谢您的宝贵时间。
这是我的代码在我的html:<div id="memWrap">
<script id="m-template" type="text/x-handlebars-template">
<div class='row'>
<div class='two columns'>
<h2> {{cells.B}}</h2>
<p>Years attended: {{cells.E}} </p>
</div>
<div class='seven columns'>
<div class='four columns'>
<p>{{cells.F}} </p>
</div>
<div class='four columns'>
<div class='row'>
<div class='two columns'>
<img src='{{cells.K}}' />
</div>
<div class='two columns'>
<img src='{{cells.M}}' />
</div>
</div>
<div class='row'>
<div class='two columns'>
<img src='{{cells.L}}' />
</div>
<div class='two columns'>
<img src='{{cells.N}}' />
</div>
</div>
</div>
</div>
</div>
</script>
</div>
<script type="application/javascript">
// Define spreadsheet URL.
var mySpreadsheet = 'https://docs.google.com/spreadsheets/d/17kW3grN5rrKMnaA-5oS77EZr2Jmfu43oSPXBZKd8BAw/edit#gid=0';
// Compile the Handlebars template for memories.
var MMTemplate = Handlebars.compile($('#m-template').html());
// Load sheet for memories.
$('#memWrap').sheetrock({
url: mySpreadsheet,
query: "select B,E,F,K,L,M,N",
rowHandler: MMTemplate
});
</script>
我知道这是一个老问题,但你需要使用cells.name
或cells.email
而不是cells.B
或cells.C
另一种选择是按数组编号,如{{cellsArray.[0]}}
。
Edit:另外,没有列N存在,所以你只需要query: "select B,E,F,K,L,M"