Javascript 单击时调整div大小以适应窗口(工作),第二次单击时重新调整div大小(不工作)

Javascript 单击时调整div大小以适应窗口(工作),第二次单击时重新调整div大小(不工作),javascript,jquery,resize,Javascript,Jquery,Resize,我有一个代码,允许我调整容器的W&H大小以匹配单击时的窗口W&H,它工作得很好,我还希望它在第二次单击时重新调整大小,但到目前为止,这对我不起作用 以下是我工作了一个半小时后得到的结果: 嗯……您的单击函数总是通过将isFullscreen初始化为false来启动(从不使用“else”分支)。您可以将isFullscreen设置为全局变量;将其声明和初始化移到函数外部。如果假定它是“静态”类型的变量,则需要以不同的方式对其进行初始化(首先为该单击函数命名),可能: $('.more').cli

我有一个代码,允许我调整容器的W&H大小以匹配单击时的窗口W&H,它工作得很好,我还希望它在第二次单击时重新调整大小,但到目前为止,这对我不起作用

以下是我工作了一个半小时后得到的结果:


嗯……您的单击函数总是通过将isFullscreen初始化为false来启动(从不使用“else”分支)。您可以将isFullscreen设置为全局变量;将其声明和初始化移到函数外部。如果假定它是“静态”类型的变量,则需要以不同的方式对其进行初始化(首先为该单击函数命名),可能:

 $('.more').click(function f(){
   f.isFullscreen = (f.isFullscreen===false)?true:false;

第一次调用函数时,f.isFullscreen未定义(与false不同),因此设置为false。在后续调用中,它的值会翻转,因此您不需要在最大化和最小化代码块中设置其值的单独行。

u可以使用toggle()来this@raghu老实说,我是在提出这个问题后才想到的,我会马上试试看它是否有效,然后我会带着一个update@raghu出于某种原因,我无法将其拔出。切换将允许我调整窗口的大小,只调整到px中预定义的高度。@raghu有趣的是,如果我为该div设置了一个填充,它会切换它。回答很好,效果很好,谢谢,一开始我实际上找不到原因,所以我最终为覆盖div创建了另一个click函数来重新调整大小。唷,祝你今天愉快。
 $('.more').click(function f(){
   f.isFullscreen = (f.isFullscreen===false)?true:false;