首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >为什么ForerunnerDB找不到我的标签?

为什么ForerunnerDB找不到我的标签?
EN

Stack Overflow用户
提问于 2016-12-02 11:56:58
回答 1查看 47关注 0票数 0

我有以下设置:

代码语言:javascript
复制
<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<title>Barebones todo</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="./js/dist/fdb-all.min.js" type="text/javascript"></script>
<script src="./js/dist/fdb-autobind.min.js" type="text/javascript"></script>
<script src="scrypt.js" type="text/javascript"></script>
<script id="myLinkFragment" type="text/x-jsrender">
    <li data-link="id{:_id}">{^{:name}}</li>
</script>

</head>
<body>


<form onsubmit="addGoal(); return false;">
  <label for="goalinput">Enter goal:</label>
 <input type="text" id="goalinput">
  <input type="submit">
</form>
<button type="button" onclick="retrieve()">Retrieve</button>
<div id="p"></div>

<ul id="myList">
</ul>

</body>
</html>

我的scrypt.js文件:

代码语言:javascript
复制
var fdb = new ForerunnerDB();
var db = fdb.db("myDatabaseName");
var goalCollection = db.collection("goal");

function addGoal() {
    console.log("addig goal...");
    var newgoalname = document.getElementById("goalinput").value;
    console.log(newgoalname);

    goalCollection.insert({
    name: newgoalname,
    order: 99
});

    };
function retrieve() {
    var findings = goalCollection.find({});
console.log(findings);


document.getElementById("p").innerHTML = findings;


}

goalCollection.link("#myList", "#myLinkFragment");

然后我收到并错误地告诉:

1未登录的ForerunnerDB集合目标不能将集合绑定到目标选择器"#myList“,因为DOM中不存在它!

我并不真正理解这个问题,因为很明显,有一个带有myList ID的UL标记。我认为jquery可能没有被正确地调用,但是我使用了文档化的方式,所以它不应该是一个问题。我想不出是什么引起了这个问题。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-02 13:22:51

集合不能绑定的原因是脚本在加载DOM之前执行。

你需要移动标签:

代码语言:javascript
复制
<script src="scrypt.js" type="text/javascript"></script>

从头部标签到主体标签的末尾。

这将确保在执行脚本之前存在DOM。

来源:我是ForerunnerDB的开发人员。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40931697

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档