jquery滑动并隐藏问题

jquery slidedown and hide issue

本文关键字：隐藏 问题 jquery      更新时间：2023-09-26

请检查此代码：

 var data = $(".others-involved-div-wrapper-tobe-copied").html();
 data = '<div class="others-involved-div-wrapper" >'+data+'</div>';
 $(".others-involved-div-wrapper:last").after(data).slideDown("slow");
 if ($(".others-involved-div-wrapper").length > 1){
     $(".others-involved-div-wrapper:last .delete-more-others-involved").show();
 }

这里的滑动下降效果不起作用。如果我在div 中不显示任何数据，则看不到数据

data = '<div class="others-involved-div-wrapper" style="display:none;" >'+data+'</div>';

如果我在做data = data.hide();，它显示错误隐藏不是一个函数。

当数据值被附加时，我只需要向下滑动的效果。

data=data.hide（）不起作用，因为它只是HTML文本，而不是jquery对象。

检查

$(".others-involved-div-wrapper:last").after(data)

返回一个jquert对象。这可能就是问题所在。

您还可以使用jQuery元素创建构造重构代码。

$("<div/>", {
    "class": "others-involved-div-wrapper",
    "html": $(".others-involved-div-wrapper-tobe-copied").html()
}).hide().insertAfter("div:last").slideDown("slow");

或者，甚至使用.clone()。

$(".others-involved-div-wrapper-tobe-copied")
.clone()
.toggleClass("others-involved-div-wrapper-tobe-copied others-involved-div-wrapper")
.hide()
.insertAfter(".others-involved-div-wrapper:last")
.slideDown("slow");

除非有我不知道的原因，否则您似乎将jQuery与变量赋值混淆了。也许这对你有用：

 var content = $(".others-involved-div-wrapper-tobe-copied").html(),
     data = '<div class="others-involved-div-wrapper" >'+ content +'</div>';
 $(".others-involved-div-wrapper:last").after(data).slideDown("slow");
 if ($(".others-involved-div-wrapper").length > 1){
     $(".others-involved-div-wrapper:last .delete-more-others-involved").show();
 }

@GautamJeyaraman是对的，不能将jquery方法应用于非jquery对象。

相关文章：