作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
不确定这是因为我是meteor新手,还是因为我的 HTML 或 jQuery 语法出现错误。理想情况下,我希望单击按钮时整个网格保持在原位。例如,如果您单击网格中间的按钮,则该按钮之前所在的位置将出现一个空白点。我的问题是,为什么当我单击按钮时,按钮会消失,但会移动整个网格,我该如何解决这个问题?
HTML:
<head>
<title>bubblepopper</title>
</head>
<body>
<center>{{> grid}}</center>
</body>
<template name ="grid">
<div id="container">
{{#each buttons}}
<button class="button" type="button"></button>
{{/each}}
</div>
</template>
JS:
Buttons = new Meteor.Collection("buttons");
if (Meteor.isClient) {
player = prompt("What is your name?")
Template.grid.buttons = function () {
}
Template.grid.buttons = function () {
var list = [];
for(var i=1; i<=64; i++){
list.push({value: i});
}
return list;
};
Template.grid.events({
'click .button': function(ev) {
$(ev.target).hide()
}
});
}
if (Meteor.isServer) {
}
最佳答案
.hide()
的工作原理是向元素添加 display: none
样式。这会删除渲染页面中元素使用的空间。
如果您想让某些内容不可见,但保留其在页面上的空间,请使用 visibility
样式:
$(ev.target).css('visibility', 'hidden');
要恢复它,请将可见性设置为可见
。
关于javascript - 使用 .hide() 时将按钮保持在适当的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20851229/
这段代码在 Java 中的等价物是什么?我放了一部分,我对 I/O 部分感兴趣: int fd = open(FILE_NAME, O_WRONLY); int ret = 0; if (fd =
我正在尝试将维度为 d1,d2,d3 的张量 M[a1,a2,a3] reshape 为维度为 d2, d1*d3 的矩阵 M[a2,a1*a3]。我试过 M.reshape(d2,d1*d3) 但是
我是一名优秀的程序员,十分优秀!