javascript - 如何根据屏幕尺寸完全删除元素

Question

我有两种必须使用相同 ID 等的表单。但是，一种专门用于移动查看，另一种用于其他所有用途。我正在使用媒体查询和显示:无来显示/隐藏每个查询，但当然它们在技术上仍然在页面上进行编码，这意味着它们都不起作用。因此，我正在尝试考虑一种根据屏幕尺寸完全删除元素的方法。它必须被实际删除，而不是简单地隐藏。

我陷入困境，我需要在今晚之前迁移网站。任何建议将不胜感激!!!

Answer 1

使用此处的 jQuery 解决方案向 window 添加“调整大小”事件监听器: jQuery on window resize

在事件处理程序中检查屏幕尺寸 ( Get the size of the screen, current web page and browser window )

使用 jQuery remove() 删除元素 http://api.jquery.com/remove/然后 append() 添加新的: http://api.jquery.com/append/

(仅在从一个尺寸范围更改为另一个尺寸范围时删除和添加元素，而不是在每次调整窗口大小时)