在响应布局中添加或删除jquery
我有一个响应性设计,其中我使用了以下代码:在响应布局中添加或删除jquery,jquery,Jquery,我有一个响应性设计,其中我使用了以下代码: $('br').remove(); 当浏览器窗口大小小于时删除br的步骤 767px。 当我现在以超过767px的速度打开浏览器时,br就在那里了——这很好。但是当我调整窗口大小到低于该大小时,它们会出现-好的-这就是应该发生的-但是当我调整大小时,br会被移除。。。 我是否必须用最小宽度设置另一个函数并再次添加br?或者什么是支撑方式? 非常感谢-因为我对使用jquery的.add.remove工具还不熟悉,所以可以使用hide and show。
$('br').remove();
当浏览器窗口大小小于时删除br的步骤
767px。
当我现在以超过767px的速度打开浏览器时,br就在那里了——这很好。但是当我调整窗口大小到低于该大小时,它们会出现-好的-这就是应该发生的-但是当我调整大小时,br会被移除。。。
我是否必须用最小宽度设置另一个函数并再次添加br?或者什么是支撑方式?
非常感谢-因为我对使用jquery的.add.remove工具还不熟悉,所以可以使用hide and show。删除操作无法撤消
$'br'。隐藏
您也可以考虑使用CSS媒体查询:
@media screen and (max-width:767px) {
br {
display: none;
}
}
您可以改为使用隐藏和显示。删除操作无法撤消
$'br'。隐藏
您也可以考虑使用CSS媒体查询:
@media screen and (max-width:767px) {
br {
display: none;
}
}
.remove将从DOM中删除元素。如果无法取回元素,可以将其隐藏
$('br').hide();
.remove将从DOM中删除元素。如果无法取回元素,可以将其隐藏
$('br').hide();
您可能希望使用隐藏或显示,而不是添加和删除。您希望在窗口上收听调整大小、检查视口并基于像素进行调整
$(window).on('resize', function(){
if ($(window).width() < 767){
$('br').hide();
}
else{
$('br').show();
}
});
您可能希望使用隐藏或显示,而不是添加和删除。您希望在窗口上收听调整大小、检查视口并基于像素进行调整
$(window).on('resize', function(){
if ($(window).width() < 767){
$('br').hide();
}
else{
$('br').show();
}
});
请注意,此类操作通常不需要Javascript,请使用css媒体查询。非常感谢大家!在我学习这些东西的过程中,我非常感谢你的提示!ADI终于完成了@media解决方案,现在已经开始工作了。再次感谢。请注意,此类操作通常不需要Javascript,请使用css媒体查询。非常感谢大家!在我学习这些东西的过程中,我非常感谢你的提示!ADI终于完成了@media解决方案,现在已经开始工作了。再次感谢。您也可以通过将类指定给或要抑制来实现此目的,这将提供更多的灵活性。您也可以通过将类指定给或要抑制来实现此目的,这将提供更多的灵活性