Question

我正在开发一个反馈应用程序，我需要在我关注它的任何地方显示编辑输入附近的编辑按钮，而我需要隐藏它。以下是源代码：

HTML文件

SELECT USER_ID, FIRSTNAME, LASTNAME
FROM USERS
WHERE (USER_ID LIKE :userid || '%'  or :userid IS NULL)
  AND (FIRSTNAME LIKE :firstname || '%' or :firstname IS NULL)
  AND (LASTNAME LIKE :lastname || '%' or :lastname IS NULL)
  AND (DEPARTMENT LIKE :department || '%'  or :department IS NULL)
  AND (TEAM LIKE :team || '%' or :team IS NULL)
  AND (SUBTEAM LIKE :subteam || '%'  or :subteam IS NULL)
  AND (MACHINE LIKE :machine || '%' or :machine IS NULL)

JS档案

{{#if isOwner}}
  <input id="edit" class="edit" type="text" placeholder="edit" /><input type="submit" id="save" value="save" style="display:none;"/>
  {{/if}}
 <div id="replyBody" style="display:none;">
 <input type="text" id="replyText" placeholder="reply text" /><input type="submit" value="reply" style="margin-left:15px;"/>
 </div>

此外，例如，如果我有5个反馈，并且每个反馈都有回复按钮，如果我点击第二个反馈回复按钮，就像我点击第一个回复按钮一样。与其他反馈一样。

提前谢谢！

Answer 1

您可以通过使用唯一身份（例如任何或任何其他唯一值）来区分它们：

<强> HTML ：

{{#if isOwner}}
  <input id="{{uniqueThingHere}}_edit" class="edit" type="text" placeholder="edit" /><input type="submit" id="{{uniqueThingHere}}_save" value="save" style="display:none;"/>
{{/if}}

JS档案

Template.task.events({
'focus .edit':function(event){
     var id = $(event.target).attr(id).split('_')[0];
     $("#" + id + '_save').show();
 },
});

Meteor app - 在输入焦点显示编辑按钮上，在非焦点上隐藏编辑按钮

1 个答案: