个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我有一个简单的表格，我想要淡出，替换表格的内容，然后淡入。由于 JQuery 允许您链接命令，我认为这可以通过一个简单的步骤完成:
$('#testTable').fadeOut(500).replaceWith(generateTable()).fadeIn(500);
但是，这不起作用。它取代了表格，但跳过了淡入淡出效果。我还尝试使用 FadeOut() 中的回调函数。
$('#testTable').fadeOut(500, function () {
$('#testTable').replaceWith(generateTable());
$('#testTable').fadeIn(500);
});
在此版本中，表格淡出，替换内容，但立即重新出现。我认为这可能是因为我的新表没有设置不透明度属性，但如果我在generateTable中将其设置为0，则即使我再次调用fadeIn()，该表也永远不会重新出现。
有人可以帮助我理解为什么会发生这种情况，以及生成我正在寻找的淡出/淡入效果的正确方法是什么？此测试的完整代码如下所示。感谢您的帮助。
<head>
<script src="../JSCommon/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var SPACE = 32;
var KEY_LEFT = 37;
var KEY_RIGHT = 39;
var KEY_UP = 38;
var KEY_DOWN = 40;
$(document).keydown(function(event) {
console.log("keydown: code=" + event.keyCode);
if (event.keyCode == SPACE) {
// Fades don't work in this verison
//$('#testTable').fadeOut(500).replaceWith(generateTable()).fadeIn(500);
// Fade Out works, fade in does not
$('#testTable').fadeOut(500, function () {
$('#testTable').replaceWith(generateTable());
$('#testTable').fadeIn(500);
});
} else if (event.keyCode == KEY_LEFT) {
$('#testTable').fadeOut(500);
} else if (event.keyCode == KEY_RIGHT) {
$('#testTable').fadeIn(500);
} else if (event.keyCode == KEY_UP) {
$('#testTable').fadeOut(500).fadeIn(500);
} else if (event.keyCode == KEY_DOWN) {
$('#testTable').replaceWith(generateTable());
}
});
function generateTable() {
var table = '<table id="testTable" style="top:20px; left: 220px; background-color: #89BC38; position: absolute;">';
for (var col=0; col<2; col++) {
table += '<tr>';
for (var row=0; row<2; row++) {
table += '<td>' + Math.round(10 * Math.random()) + '</td>';
}
table += '</tr>';
}
return table;
}
});
</script>
</head>
<body>
<table id="testTable" style="top:20px; left: 220px; background-color: #89BC38; position: absolute;">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<table>
<p>
left: Fade Out<br>
right: Fade In<br>
up: Fade Out then back in<br>
down: Replace Table<br>
space: Fade out, replace table, fade in<br>
</p>
</body>
最佳答案
你尝试过吗:
var testTable = $('#testTable');
testTable.fadeOut(500, function () {
testTable.html(generateTable()).delay(3000).fadeIn(500); // HTML or replaceWith here is possible, actually
});
我对您想要达到的效果有点困惑，因此请发表评论并进行说明，我将继续使用它。
关于javascript - 链接 JQuery 命令，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6526797/
24
4
0
关闭。这个问题是off-topic .它目前不接受答案。 想改进这个问题吗？ Update the question所以它是on-topic用于堆栈溢出。 关闭 9 年前。 Improve this
我有一系列 SQL 命令，我想在大约 40 个不同的表上运行。必须有一种方法可以在不编写 40 条不同命令的情况下执行此操作... 我在 SQL Server 中运行它。所有表都有不同的名称，我要操作
我习惯在 PHP 中使用命令“mysql_insert_id()”来返回插入到我的数据库中的最后一行的 id。 在 C# 中的 SQLite 中是否有等效的命令？ 谢谢! -阿德娜 最佳答案 选择 l
试图找出一种方法来回填 ds 分区 Hive 表的分区。 我知道如何从 CLI 运行 Hive 命令，例如 $HIVE_HOME/bin/hive -e 'select a.col from tab1
我有 .bat 文件。看起来像下一个 ....many commands1 ftp -i -s:copy.txt ...many commands2 copy.txt 包含下一个命令 open ...
基本上我想输入 show 并检查是否有 show 命令或别名已定义并触发它，如果未定义则触发 git show 。 例如 rm 应该执行 rm 但 checkout 应该执行 git checkout
我公司的主数据库是 iSeries 机器，我已经非常习惯使用 DB2 命令和结构。我现在正在尝试做一个小项目，更新一个包含超过 300 万条记录的表。我想出一种比较和“清理”数据的更快方法是使用 My
我想在带有 Node 的终端中制作一个简单的按钮板，并“blessed”用于连接或运行不同的命令。 ----------------------------------------------- _
我们有一个 selenium IDE 脚本，正在转换为 python webdriver。以下命令未转换: [openWindow | http://mywebsite.com/index.php |
我正在学习这个关于从 GIT HUB 下载和安装 Web 文件的在线教程。我进入主题:启动我们的静态网站，系统提示我输入命令以下载和安装 Web 文件。但是，当我输入命令 yarn install 时
我在 shell 脚本中使用 elif 命令时遇到问题，就像在 fortran 中一样。 我有 100 家公司的员工名单。我想屏蔽那些员工少于 500 人的公司。我的脚本是 rm -f categor
我有一些 Linux 命令可以生成 token 。我在 Linux 机器上使用操作系统库形式的 Python 自动化了这些命令。它工作正常。 但是，当我在 Windows 中尝试相同的代码时，它没有返
本文分享自华为云社区《Git你有可能不知道交互式暂存》，作者：龙哥手记。 本节中的几个交互式 Git 命令可以帮助你将文件的特定部分组合成提交。 当你在修改了大量文件后，希望这些改动能拆分为若干提交而
我想知道如何使用 IN 比较语法来做到这一点。 当前的 SQL 查询是: select * from employee where (employeeName = 'AJAY' and month(e
我在这个位置安装了 Hadoop /usr/local/hadoop$ 现在我想列出 dfs 中的文件。我使用的命令是: hduser@ubuntu:/usr/local/hadoop$ bin/ha
是否有一个单一的 docker 命令可用于清除所有内容？如果正在运行，请停止所有容器、删除所有图像、删除所有卷...等。 最佳答案 我认为没有一个命令可以做到这一点。您首先需要停止所有容器使用 $ d
我基本上是在 clojure/nrepl 模式中寻找与 C-u C-x C-e 或 C-c C-p 等效的 Scheme。 我想要一个 C-x C-e 将输出打印到缓冲区，而不是仅仅在 repl 中。
我可以在 vim 中使用 pudb(一个 ncurses Python 调试器)，因为，例如，:!python %在实际的终端窗口中运行。我更喜欢使用 gvim，但 gvim 运行 :!python
我正在尝试编写一个 FFMPEG 命令: 取为 输入 一个视频 input.mp4 和一个图像 pic.jpg 作为 输出 将 input.mp4 拆分为 20 秒的视频，按顺序重命名；对于每个分割视
我想转储视频每帧的比特率。我正在尝试使用 -vstats 获取此信息命令。当我运行此命令时 - ffmpeg -i input.mp4 -vstats 它显示至少应该定义一个文件。 如果有人能建议我任
我是一名优秀的程序员,十分优秀！