我得到了一个"未能执行' insertBefore'在' Node'"单击指向其他页面的链接后出错:
<template name="reminderPage">
<a href="/newRemind">New!</a>
{{>reminder}}
<!-- Random comment -->
</template>
<template name="reminder" class="reminder">
<p>Hello reminder</p>
{{>editForm}}
</template>
<template name="editForm">
<div id="dialog-form" title="Edit Reminder">
<p class="validateTips">All form fields are required.</p>
<form>
<fieldset>
<label for="taskf-name">Name</label>
<input type="text" name="taskf-name" id="taskf-name" maxlength="20">
<label>Bought</label>
<input type="text" name="taskf-bought" id="taskf-bought">
<label>Expire</label>
<input type="text" name="taskf-expire" id="taskf-expire">
</fieldset>
</form>
</div>
</template>
显然,这个小评论干扰了代码,因为在我删除它之后,一切都运行得很好。
虽然问题已得到修复,但我真的很想知道这条线怎么会妨碍代码。
有谁知道为什么?我正在使用Meteor和Iron-Router。
谢谢!
修改
如果有帮助,我使用的是Jquery-UI,这是我的javascript文件
Template.reminder.rendered = function () {
$( "#dialog-form" ).dialog({
autoOpen: false,
modal: true,
open: function () {
},
buttons: [
{
id: "button-ok",
text: "Save",
click: function() {
$(this).dialog("close");
}
},
{
id: "button-cancel",
text: "Cancel",
click: function() {
$(this).dialog("close");
}
}
]
});
}
&#34; newRemind&#34;页面只有最基本的对话框,它的js文件只是启动它。
<template name="newRemindPage">
<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
</template>
Javascript:
Template.newRemindPage.rendered = function () {
$( "#dialog" ).dialog();
};
答案 0 :(得分:0)
每Spacebars documentation on comments:
{{! Comments can be one line}}
{{!
Or they can be
multi-line
}}
{{!-- They can also be written like this --}}
如果尝试此操作后无效,请发布您的更新代码。