jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 有没有更好的方法来根据与Meteor.js反应的输入字段更新html?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我看到本教程用Angular.js编写了一个演示应用程序.它是Todo演示( http://angularjs.org),他只需在文本框中键入内容,然后轻松地在页面上反映出来.

我想在Meteor中重新创建这个功能,但效果不佳.首先,由于某种原因,它不会更新最后一个字母.使用Angular.js执行此演示视频也更容易,效果更好,有没有更好的方法在Meteor中执行此操作?

另外,如果有办法访问DOM而不是辅助函数?在事件函数中,我可以使用’t’变量来访问DOM,但是在Helpers函数中我不知道如何,例如我是否想从Helper函数中的div中获取文本.@R_159_6618@做.

这是我的Meteor代码,这是一个现场演示:http://todotestapp.meteor.com

提前致谢

HTML

<head>
  <title>Todo</title>
</head>

<body>
  {{> Hello}}
</body>

<template name="Hello">
  <input id="personName" type="text">
  <h1>Hello {{personNamE}}!</h1>

</template>

流星Javascript

if (Meteor.isClient) {
Template.Hello.Helpers({
    personName: function () {
        return Session.get("personName");
    }
});

Template.Hello.events({
    'keypress #personName': function (e,t) {
        Session.set("personName",t.find("#personName").value);
    }
});

}

解决方法

1)使用keyup事件来检测何时输入了新的字母
2)使用普通的jquery来获取
所以:

Template.Hello.events({
    'keyup #personName': function () {
        Session.set("personName",$("#personName").val());
    }
});

大佬总结

以上是大佬教程为你收集整理的jquery – 有没有更好的方法来根据与Meteor.js反应的输入字段更新html?全部内容,希望文章能够帮你解决jquery – 有没有更好的方法来根据与Meteor.js反应的输入字段更新html?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。