延迟后如何更改文本 - jQuery.
How to change text after delay - jQuery
我有两个带有个人 id 的div 和一个样式相同的类。
foo_1有一个 z 指数,因此它高于 foo_2。
<div id="foo_1" class="foo"><p>I'm awesome.</p></div>
<div id="foo_2" class="foo"><p>No, I am.</p></div>
我想做的是让foo_1淡出,背后有foo_2。
我确实试过这个;
.HTML
<div id="foo_1" class="foo"><p>I'm awesome</p></div>
<div id="foo_2" class="foo" style="display: none;"><p>No, I am.</p></div>
jQuery
$(document).ready(function()
{
setTimeout(function()
{
$("#foo_1").fadeOut("slow", function ()
{
$("#foo_1").remove();
$("#foo_1").html($("#foo_2").text());
$("#foo_1").show();
});
}, 5000);
});
谢谢!
setTimeout(function()
{
$("#foo_1").fadeOut("slow", function ()
{
// remove $("#foo_1").remove();
// line from code,
// because, its removing #foo_1 from dom,
// so in next strp you can't catch it
// $("#foo_1").remove();
$("#foo_1").html($("#foo_2").text());
$("#foo_1").show();
});
}, 5000);
在我看来,你正在做的事情有点矫枉过正。
让我总结一下:您有两个div,它们位于同一位置,但只有 #foo_1 可见,因为它位于顶部。您现在想要隐藏 #foo_1 以显示 #foo_2。
因此,在淡出 #foo_1 的同时使 #foo_2 可见就足够了:
setTimeout(function() {
// Make #foo_2 visible
$('#foo_2').show();
// Fade out #foo_1
$('#foo_1').fadeOut('slow');
}, 5000);
只需使用标准 jQuery 函数和 ms FadeOut(500)
中的参数,FadeIn(500)
:
$(document).ready( function ()
{
$('#foo_1').fadeOut(1500);
$('#foo_2').text('No, I am!').fadeIn(1000);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='foo_1' style='display:block;'> I'm awesome </div>
<div id ='foo_2' style='display:none;'></div>
相关文章:
- jQuery文本属性中的Html代码
- JQuery文本区域字母表
- jquery文本输入框传递给变量
- jQuery文本解析器
- JQuery文本旋转器
- jQuery文本返回NULL
- 使用WP UI从选项卡到选项卡的Jquery文本链接
- 正在寻找类似于mircrosoft office autocorrect的jquery文本区域脚本
- JQuery文本编辑器-在工具栏中添加其他下拉列表
- jQuery文本未使用fadeIn正确显示
- jQuery文本区域计数器
- Jquery 文本区域未更新
- 在它们之间切换时,jQuery 文本显示在活动文本下方
- Jquery文本输入行为搞笑
- 在 jQuery 文本区域中编辑 Div 内容
- jQuery文本html操作,以查找大量文本中出现的字符,然后更改其颜色
- 需要 Jquery 文本动画自定义帮助
- Jquery 文本动画
- Jquery - 文本等于(邮件输入错误)
- 将 jquery 文本替换为 TM 字符实体,并用 jquery 替换