我正在开发一个项目,我需要调整一个小弹出窗口(大约500x400px的聊天窗口)的大小,以便在某些情况下包含不同类型的内容。
将小弹出窗口的大小调整为更大的最佳方法是什么?最好只使用:
window.resizeTo(width,height);
我找了一个jQuery方法来做到这一点,但没有看到任何。我希望有一种方法可以顺利地调整窗口大小,但我没有看到任何方法。我错过了什么吗?我看到的唯一另一个选择是从旧弹出窗口中弹出一个新弹出窗口 - 这对我来说更糟糕。
请不要回答“不要调整窗口大小” - 因为我知道它很糟糕,而且通常是糟糕的用户体验。但是,对于一家在遗留系统框架内工作的公司来说,我是自由职业者,该系统在十年内还没有真正更新过,而且这似乎是迄今为止最不好的选择。
答案 0 :(得分:1)
jQuery的.height()和.width()函数应该能够通过运行来处理这个问题,例如:
$(window).height(400);
此外,听起来您需要在执行实际调整大小功能之前获取内容的大小。如果它是一个静态值并且您事先知道,只需对值进行硬编码即可。如果它是动态的,您可以执行以下操作:
$(window).height($('#yourcontent').height());
您可能需要对跨浏览器进行一些测试,并针对不同的浏览器稍微调整一下数学,因为它们往往会改变行高,填充等。
顺便说一下 - 正如你所说,这是你正在做的一件可怕的事情,但我之前一直处于这种状况,所以我可以联系到: - /有时“进化的下一步”仍然远远落后于现在世界。希望这些经理能够获得线索,而不是花钱支持传统的东西,将考虑投资更现代化的产品。灵活的技术。他们可能会感到惊讶的是,所涉及的实际成本(提高用户生产力,更快的开发/增强周期,降低TCO)实际上非常接近于简单维护。答案 1 :(得分:0)
是否需要成为新的浏览器窗口?您可以使用jQuery UI在文档顶部创建新的div。
答案 2 :(得分:0)
我不想告诉你“不要调整窗口大小”,但是你的应用程序的用户会告诉你“你无法调整窗口大小”,因为通常有浏览器 - 在大多数情况下禁止这些操作的设置。
通过这种方式,唯一安全的方法是重新打开具有所需新尺寸的窗口。