Jquery FadeIn和FadeOut

我正在尝试淡出一个div元素，更改其中的文本，然后淡入

我的密码在这里-

<script>
        $(document).ready(function(){
            $("#l2").click(function(event){
                event.preventDefault();
                $("#1").fadeOut();
                $("#1").replaceWith('Testing');
                $("#1").fadeIn();
            });
        });
    </script>

$（文档）.ready（函数（）{
$（“#l2”）。单击（函数（事件）{
event.preventDefault（）；
$（“#1”）.fadeOut（）；
$（“#1”）。替换为（“测试”）；
$（“#1”）.fadeIn（）；
});
});

---

l2被单击，它将淡出div id 1替换并淡入…但它失败了…任何帮助，谢谢

只需使用淡出回调。这里是一个快速小提琴点击文本

编辑------

已更改为替换为html（），以前未看到它

$(document).ready(function(){
    $("#1").click(function(event){
        event.preventDefault();
        $("#1").fadeOut(function(event){
            $("#1").html('Testing').fadeIn();
        });
    });
});​

---

只需使用淡出回调。这里是一个快速小提琴点击文本

编辑------

已更改为替换为html（），以前未看到它

$(document).ready(function(){
    $("#1").click(function(event){
        event.preventDefault();
        $("#1").fadeOut(function(event){
            $("#1").html('Testing').fadeIn();
        });
    });
});​

---

您希望使用

.text

或

.html

而不是

.replaceWith

——这是用于处理DOM元素的。另外，

.text

和

.html

不适用于队列，因此无法链接它们。您必须使用回调：

$("#1").fadeOut(function () {
   $(this).text('Testing').fadeIn();
});

---

您希望使用

.text

或

.html

而不是

.replaceWith

——这是用于处理DOM元素的。另外，

.text

和

.html

不适用于队列，因此无法链接它们。您必须使用回调：

$("#1").fadeOut(function () {
   $(this).text('Testing').fadeIn();
});

---

您需要使用回调来实现您的目标：

$("#1").fadeOut(500, function(){
     $("#1").html('Testing');
     $("#1").fadeIn();
});

---

作为参数传递的函数将在淡出完成时执行。

您需要使用回调来实现您的目标：

$("#1").fadeOut(500, function(){
     $("#1").html('Testing');
     $("#1").fadeIn();
});

---

作为参数传递的函数将在淡入淡出完成时执行。

在第二行中，您用新的内容替换元素#1，然后您不能再次淡入淡入

$("#1").replaceWith('Testing');

第1部分的结果被文本测试取代

因此，您应该使用：

$("#1").html('Testing');

---

在第二行中，用新的元素替换元素#1，然后就不能再将其淡入

$("#1").replaceWith('Testing');

第1部分的结果被文本测试取代

因此，您应该使用：

$("#1").html('Testing');

---

不建议使用数字ID。

div

ID必须以字母开头。您可以更具体地说明它是如何失败的吗？什么是“测试”？你想替换什么？@Darcy不，不建议使用数字ID。

div

ID必须以字母开头。你能更具体地说明它是如何失败的吗？什么是“测试”？你想替换什么？@Darcy不，它不能工作，因为

.replaceWith

删除了ID。请注意，它不会淡入。不能工作，因为

.replaceWith

删除了ID。请注意，它不会淡入。