Javascript Don';当附加到时,不能使jquery函数工作?
我有两个div,如果我的页面大小小于Javascript Don';当附加到时,不能使jquery函数工作?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有两个div,如果我的页面大小小于768px,那么我的.tffilterdiv正在.tFPopupdiv中移动。所以到目前为止一切都很好,但在移动之后,我不想使用我的js功能 例如,如果您单击“更改背景”复选框按钮,您将看到背景颜色发生变化,但如果我将我的div移动到另一个div中,则不会更改背景颜色。因此,我的意思是,我不想使工作js功能正常 $(文档).ready(函数(){ $('#复选框')。更改(函数(){ 如果($(this).is(':checked')){ $(“body”)
768px
,那么我的.tffilter
div正在.tFPopup
div中移动。所以到目前为止一切都很好,但在移动之后,我不想使用我的js功能
例如,如果您单击“更改背景”复选框按钮,您将看到背景颜色发生变化,但如果我将我的div移动到另一个div中,则不会更改背景颜色。因此,我的意思是,我不想使工作js功能正常
$(文档).ready(函数(){
$('#复选框')。更改(函数(){
如果($(this).is(':checked')){
$(“body”).css(“背景”、“红色”);
}否则{
$(“body”).css(“背景”、“白色”);
}
});
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()<768){
$('.tffilter').appendTo('.tFPopup');
}否则{
$('.tffilter').appendTo('.backFilter');
}
});代码>
嗨,这是我的过滤器标题
这是我为过滤器写的文章
我有一些元素
html按钮
代码bla bla
改变背景
.tffilter div将移到此处
$(文档).ready(函数(){
$('#复选框')。更改(函数(){
如果($(this).is(':checked')){
$(“body”).css(“背景”、“红色”);
}否则{
$(“body”).css(“背景”、“白色”);
}
});
});
$(窗口)。调整大小(函数(){
如果($(窗口).width()<768){
$(“#复选框”).off();
$($('.tffilter')).appendTo('.tFPopup');
}否则{
$(“#复选框”).off();
$($('.tffilter')).appendTo('.backFilter');
}
});代码>
嗨,这是我的过滤器标题
这是我为过滤器写的文章
我有一些元素
html按钮
代码bla bla
改变背景
.tffilter div将移到此处
尝试使用:$('.tffilter').append($('.tFPopup').html())代码>我尝试了,但问题仍然存在,无法正常工作console.log.html()看看它是否真的返回了任何东西当我调整页面大小小于768px时没有任何变化复选框函数仍然更改主体背景颜色检查此小提琴使用相同的代码尝试打开控制台并检查我想你不明白我的问题当我将页面调整为768px时,不使工作复选框函数和你的示例也一样复选框函数正在工作:)是的,我正是这么说的。例如,我有很多js函数。有没有办法使所有的函数都是被动的?你可以传递类而不是id,然后关闭所有这些元素。希望这能解决你的问题