javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含919字，纯文字阅读大概需要2分钟。

内容图文

在Meteor文档中,它表示将在DOM之后调用Meteor.startup,并且所有模板都已处理完毕.但是,我在Meteor.startup中的代码就好像DOM元素不存在一样.

在.js：

Meteor.startup(function () {
  console.log($('.draggable').length);
});

在.html中：

<template name="item">
  <div class="draggable ui-widget-content">
  </div>
</template>

在控制台中我看到：

0

但在页面上我可以看到我的物品.事实上,如果我将我的JQuery包含在Template.item.rendered或mouseover事件中,我将获得正确的数组长度.那么为什么启动功能没有准备好使用我的DOM元素呢？

解决方法:

我猜你的代码看起来像这样,但如果我错了就告诉我：

<template name="list">
  {{#each items}}
    {{> item}}
  {{/each}}
</template>

{{#each …}}帮助程序与游标对象一起使用以响应游标上的数据更改.因此,在您的情况下,如果该数据来自服务器(例如订阅),则在Meteor.startup时,数据可能尚未加载.所以最初你的清单是空的.然后,随着数据的出现,将为每个数据项呈现新的项目模板.如果要使特定项可拖动,可以将该jQuery代码放在Template.item.rendered回调中.

这有帮助吗？

内容总结

以上是互联网集市为您收集整理的javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)全部内容，希望文章能够帮你解决javascript – Meteor Startup JQuery DOM Elements Not Ready(JQueryUI Draggable)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端