个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
我不是 100% 确定这里到底发生了什么，但我想要发生的是随机添加一个 div，宽度为 50% 或 25%，但 div 的总长度达到 75% 以上或100% 同时使用数据属性将 div 的总大小加在一起。在 75% 时，25% 的 div 被硬编码，并且在总长度变量设置为 0 后循环再次开始，在 100% 时总长度变量设置为 0 并且随机性再次开始但是已经附加的 div 应该存在，我的问题是它们不存在。
例如，如果我连续获得两个 50% 的 div，仅显示 1 个，当我 console.log 事件时，它显示正确的数字 50 然后 100... 但仅显示 1 个 div通过追加。
希望我的 fiddle 可以阐明这种情况:https://jsfiddle.net/g8urnar3/2/
(点击名为button的 anchor 标签重现错误)
我的问题是，是什么导致了这种情况发生，为什么？
根据要求的代码...
<html>
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body{
padding: 0;
border: none;
margin: 0;
}
a {
padding: 15px;
background: lightgrey;
text-decoration: none;
color: white;
border-radius: 4px;
}
.list {
width: 100%;
padding: 0;
margin: 0;
border: none;
}
a:hover{
cursor: pointer;
}
div {
height: 100px;
border: 2px solid black;
display: inline;
float: left;
}
.div-50{
width: 50%;
background-color: red;
}
.div-25{
width: 25%;
background-color: green;
}
</style>
<center>
<a href="#">Button</a>
</center>
<br><br>
<hr>
<div class="list">
</div>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
(function(){
var currentLength = 0;
var arr = [$("<div class='div-50' data-width='50'></div>"), $("<div class='div-25' data-width='25'></div>")];
$('a').click(function(){
console.log(currentLength);
if(currentLength < 75)
{
var random = arr[Math.floor(Math.random() * arr.length)];
currentLength = currentLength + Number($(random).attr("data-width"));
$('.list').append(random);
console.log(random);
console.log($("<div class='div-25' data-width='25'></div>"));
}
else if(currentLength == 100) {
currentLength = 0;
var random = arr[Math.floor(Math.random() * arr.length)];
currentLength = currentLength + Number($(random).attr("data-width"));
$('.list').append(random);
}
else {
currentLength = 0;
$('.list').append($("<div class='div-25'></div>"));
currentLength = currentLength + 25;
}
})
})();
</script>
最佳答案
将数组更改为:
var arr = ["<div class='div-50' data-width='50'></div>", "<div class='div-25' data-width='25'></div>"];
关于javascript - jQuery Append 删除/隐藏以前的对象，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42837261/
24
4
0
我是 firebase 的新手，我正在尝试分页查询。我喜欢有一个“下一个”和“上一个”按钮。我的下一个按钮工作正常，我的问题是单击上一个 引用:https://firebase.google.com/
抱歉，标题这么蹩脚，但我只是不知道该放什么，希望你能理解。另外，我不知道以前是否有人问过类似的问题，因为我不知道合适的关键字 - 因此也无法用谷歌搜索。 基本上...在查看preg_match_all
我想在 TFS 中 check out 一个检入文件的先前版本。我可以轻松获得特定文件的变更集 ID 列表，但无法弄清楚如何 checkout 以前的版本。 我目前的代码: var workspace
我想使用 @FunctionalInterface来 self 代码中的 Java 8，但我希望能够将生成的类文件与 Java 6 一起使用。我认为我应该将源版本设为 1.8 , 目标版本为 1.6
自从 versions 被删除以来，我一直无法找到安装以前版本软件的方法。命令并点击 Homebrew。我在 2008 Mac Pro (3,1) 上运行 macOS 10.14.3 (Mojave)
当我开始当前的项目时，App Store 中已经有一个应用程序。此应用程序仅适用于 iPhone。 我的第一个任务是测试和构建一个也可以在 iPod Touch 上运行的版本。 大约 3 周前，App
我在 GitHub 上有一个曾经是 fork 的 repo，但现在不是了，因为我已经删除了原始项目的任何痕迹并开始了一个同名的新项目。 但是，GitHub 仍然表示该项目是 fork 的。有什么方法可
我是一名优秀的程序员,十分优秀！