Question

我有以下设置：

<!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文件：

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");

然后我收到并且错误地告诉：

fdb-autobind.min.js：1 Uncaught ForerunnerDB [Collection]目标无法将集合绑定到目标选择器＆＃34; #myList＆＃34;因为它在DOM中不存在！

我真的不明白这个问题，因为很明显有一个带有myList ID的UL标签。我认为也许jquery没有被正确调用，但我使用了记录的方式，所以它不应该是一个问题。我想出了什么可能导致问题。

Answer 1

集合无法绑定的原因是因为脚本在加载DOM之前执行。

您需要移动标记：

let url = NSURL(string: "http://a337.phobos.apple.com/us/r30/Music/d5/a8/6b/mzi.msfqeogi.aac.p.m4a")
let downloadTask = self.downloadSession.downloadTaskWithURL(url!)
downloadTask.resume()

从head标签到body标签的末尾。

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

来源：我是ForerunnerDB的开发者

为什么ForerunnerDB找不到我的标签？

1 个答案: