个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我正在使用 Meteor 构建一个应用程序，我有点不清楚如何使用 jQuery Mobile 将所有代码组合在一起。
基本上，我在页眉中有一个编辑按钮，单击时我希望内容部分中的内容发生变化，编辑按钮应更改为保存。单击保存按钮应更新内容并将按钮恢复到原始状态。
编辑按钮看起来像:
<a data-icon="plus" data-role="button" class="edit" >edit</a>
这是一个没有 JS/JQ 的 fiddle :http://jsfiddle.net/AU2cB/3/
想法是在单击编辑按钮时显示输入字段，并在单击保存时显示更新的用户输入文本。我显然还没有接触到服务器部分，所以任何关于如何使用 Meteor 做到这一点的建议都将是一个奖励(我使用 {{> loginButtons }} 进行 facebook 登录)
注意:我对所有人都很陌生。这个的。这是一个相对简单的应用程序，所以在根目录中我只有 1 个 html 文件和一个带有 if (Meteor.is_client) & if (Meteor.is_server) 语句的 javascript 文件。
最佳答案
假设您的按钮位于模板中:
<body>
{{> editButton}}
{{> fields}}
</body>
<template name="editButton">
<a data-icon="plus" data-role="button" class="edit" >edit</a>
</template>
要将其与 Meteor 连接起来，请将事件附加到模板:
Template.editButton.events({
"click [data-role='button']": function(e) {
if ($(e.target).text() == "edit")
$(e.target).text("save");
else
$(e.target).text("edit");
}
});
这将在您单击按钮时切换按钮的文本。那么如何显示或隐藏相关字段呢？我们可以使用 Session :
Template.editButton.events({
"click [data-role='button']": function(e) {
if ($(e.target.text() == "edit") {
$(e.target).text("save");
Session.set("editing", true);
}
else {
$(e.target).text("edit");
Session.set("editing", false);
}
}
});
现在你需要监听 editing 的值，并用它来告诉 Meteor 是否应该显示相关字段:
<template name="fields">
{{#if editing}}
<input type="text" name="myField"/>
{{/if}}
</template>
Template.fields.editing = function() {
return Session.get("editing");
}
现在，当您单击该按钮时，Meteor 将更新关联的 Session 键的值，并且由于 Session 是响应式的，它将重新运行 Template.fields.editing 函数并重新呈现字段模板。
要保存用户输入的数据，您也可以使用 Session。我会让你自己弄清楚那部分，它与我在此处编写的代码非常相似。要持久保存用户信息，请查看 Meteor.user()和 Collections .
关于jquery-mobile - 使用 Meteor 和 jQuery Mobile 更改按钮文本/图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13099854/
24
4
0
我在尝试在 Meteor.com 上托管的经历非常复杂。 我经常收到“此网站已关闭。稍后再试。”。一开始我不知道为什么，但后来我怀疑问题是我不小心恢复了“system.users”集合造成的。我尝试在
我有点好奇，与复制 Meteor 应用程序、启动 tmux session 并仅运行 meteor 相比，Meteor Up(或其他 Meteor 应用程序部署过程，如 Modulus)是否能做任何花
我与meteor 合作创建了一个应用程序。在 meteor Meteor.methods 和 Meteor.publish 用于执行数据库操作。 I know use of Meteor method
我有一个相当大的 meteor 项目并安装了几个 meteor 包。我这样做只是为了试用一个 meteor 包，看看它是否适用于我的项目。不幸的是，在确定我不需要在我的项目中安装这些包后，我没有卸载这
对于生产为什么我应该“捆绑” meteor 应用程序而不仅仅是复制 服务器上的源使用“ meteor ”命令？ 基本上有什么区别: “meteor bundle app.tar.gz”，然后安装正确版
我是 Meteor 的新手，我想知道我们如何要求用户在创建帐户时上传他的图片？我正在使用基本的 Meteor 帐户来创建用户帐户。我希望用户能够上传他的图片，并且还能够在他登录时和在我网站的登录页面上
我正在学习 Meteor Angular 2 教程。在第 6 步，我随机尝试了“ meteor 更新”，这使我的样本崩溃了。更新有效，服务器正在启动。然而，浏览器屏幕现在保持空白，并且在控制台中出现错
在我的 meteor app我需要实现表格排序。现在我正在做的是设置一个 session variable对于每个列并根据要排序的项目切换其值。 任何人都可以提出更好的选择吗？ 最佳答案 我推荐 表格
我向用户发送了注册电子邮件，当他输入密码和其他详细信息时，我试图重置密码，但它抛出错误 uncaught error extpected to find a document to change 正如
我运行排行榜示例。然后我更改了 leaderboard.js 中的 names 变量(Meteor.startup 函数参数初始化的一部分)中的科学家条目之一并保存了文件。 我应该期待 meteor
我有一个 meteor 1.0 应用程序。我添加了一堆包，例如:meteor add kevohagan:ramda .但我在任何地方都找不到它。我什至无法在我的系统上找到它。 在我的项目中: $>
我有一个 meteor 移动应用程序在结构上工作；我真的需要将 View 与一些页面转换拼接在一起。 我看了iron-transitioner项目，但看起来开发已经停止？ (最后一次提交 6 个月前，
我在“发现 meteor ”一书之后构建了我的第一个 meteor 添加。 但是我现在遇到了以下错误: 错误:在ian:accounts-ui-bootstrap-3 中没有找到accounts_ui
是否可以在负载均衡器后面使用 Mongodb 运行 meteor 应用程序的多个实例？ 似乎如果一个应用程序的多个实例在不同的服务器上运行，那么它们就不会知道其他实例对 Mongo DB 所做的更改
我在/client/main.coffee 中的新客户端代码 Xingyun = Meteor.connect "localhost:3000" System = new Meteor.Collect
在 Meteor.publish ，使用 this.error 有什么区别并简单地抛出 Meteor.Error ? 最佳答案 this.error仅在发布方法内可用。每 the docs : Sto
假设我想在 Meteor 的后端使用与 Mongo 不同的数据库，并且还想在前端使用像 D3.js 这样的可视化库。 目前有可能吗？ 如果不是我自己添加它会有多复杂？ 谢谢 最佳答案 https://
我已经在 Meteor 中制作了一个 watch-as-I-type 实时聊天服务，但是我在 Meteor 中的内置元素保存功能方面遇到了麻烦。基本上，当输入的文本具有焦点时，我需要不更新当前的聊天消
我想知道 Meteor 是否可以与我的用例一起使用。 我有一个可在 App Store 上使用的移动应用程序。这个应用程序包含一个小调查，用户将在没有互联网连接的情况下做出回应。然后用户将关闭应用程序
关闭。这个问题是off-topic .它目前不接受答案。 想改善这个问题吗？ Update the question所以它是 on-topic对于堆栈溢出。 8年前关闭。 Improve this q
我是一名优秀的程序员,十分优秀！