Javascript 如果条件对窗体内的按钮不起作用

我正在寻找使我的网站我的工作响应。我有一个酒吧，其中包含一个标志，一个搜索栏和其他几个按钮。我试图做的是使用媒体查询隐藏搜索栏在手机上，并激活它与一个按钮，但我无法让它工作。这是我的表格代码：

函数调整大小{ 如果$window.width<1105{ 世界你好！； }否则{ document.getElementByIdformular.submit； } }

---

如果添加了jquery，您的代码运行良好。也许你忘了添加它或者不想使用它。然后需要添加jquery或将jquery方法更改为vanillaJs window.innerWidth

函数调整大小{ 如果窗内宽度<1105{ 世界你好！； }否则{ document.getElementByIdformular.submit； } }

---

下面是一个如何使用媒体查询和最少的javascript来完成所描述内容的示例。这里的JS仅用于切换栏上的show类名。我在这里使用jQuery是为了方便，因为您的问题中有一些问题，但同样可以在vanilla JS中使用。您需要展开下面的代码段以查看大小：

$'btn'.onclick，函数{ $'bar'。切换ClassShow }; @媒体屏幕和最大宽度：1105px{ bar{display:none}/*在小屏幕上隐藏该条*/ bar.show{display:block}/*…除非用户要求显示它*/ } @媒体屏幕和最小宽度：1105px{ btn{display:none}/*在大屏幕上隐藏按钮*/ } 这是搜索栏，您希望将其隐藏在较小的屏幕上

---

这是“显示搜索栏”按钮，它应该只在较小的屏幕上可见。不要这样做，而是使用css媒体查询来隐藏/取消隐藏按钮。只要你记得在页面中包含jquery，你的代码对我来说是有效的。不过，媒体查询通常是一种更方便的方式来响应屏幕大小。对我来说很有用。请回答您的问题并提供答案。使用点击F12并读取任何错误。我也在使用媒体查询，但是否有可能使用css通过按钮重新激活搜索栏？@TakeDown如果您不希望表单在1105下提交，请使用css隐藏按钮，这样就没有人可以点击它。至于用按钮激活搜索栏，你必须添加一些关于你的意思的细节。我将代码放在菜单栏中，并使用javascript将其添加到我的页面。该页面添加了jquery。这可能是原因吗？如果在jquery之前加载脚本，则可能是reason@TakeDown你看过控制台了吗？它会告诉您它无法显式工作的原因。控制台中没有任何内容。@取下，然后查看console.log$window.width<1105；在if语句显示之前。您正在使用的jquery链接与此链接之间是否有任何区别：http://code.jquery.com/jquery-3.3.1.js ？谢谢你的回答，这种方法非常有效。现在我只需要让它在视觉上模仿。再次感谢！很高兴它有帮助！为了回答您的问题，与版本2相比，jQuery3确实有一些突破性的更改，但我之所以选择我在这里使用的版本，是因为它是SO snippet工具具有快速链接的最新版本；在现实生活中，除非旧代码不能与最新版本一起使用，否则请使用最新版本。