Javascript jQuery函数在不应该运行时运行';T
我有一个函数,它只需要在宽度小于某个特定值时运行。我已经用if($(window).width()Javascript jQuery函数在不应该运行时运行';T,javascript,jquery,html,Javascript,Jquery,Html,我有一个函数,它只需要在宽度小于某个特定值时运行。我已经用if($(window).width()
if($(window.width()
工作正常,因为背景颜色会发生变化(浅灰色表示<1000px,深灰色表示>1000px)
由于该函数在不应该运行的情况下也在运行,因此我的分页符的布局(单击选项卡,然后调整大小以查看此情况)。当函数不应运行时,常规选项卡应如您所见显示,它们将正确显示,直到您单击它们切换(这是函数被激发,而它不应被激发)
有人能帮我吗
(滚动<和>1000px以查看)
PS:我知道将更好地使用,尽管我已被限制为此使用。而不仅仅是if(WindowsSize<1000)
您还需要了解当前状态
if (is_large && windowsize < 1000)
{
is_large = false;
// rest of code to handle transition to small size
}
else if (!is_large)
{
is_large = true;
// code to handle transition to large size
}
if(是否较大&windowsize<1000)
{
大=假;
//处理小尺寸转换的其余代码
}
如果(!是大的,则为else)
{
大=真;
//处理大尺寸转换的代码
}
您还需要在首次调用checkWidth()
之前处理页面加载时设置很大的情况,而不仅仅是if(windowsize<1000)
您还需要知道当前状态
if (is_large && windowsize < 1000)
{
is_large = false;
// rest of code to handle transition to small size
}
else if (!is_large)
{
is_large = true;
// code to handle transition to large size
}
if(是否较大&windowsize<1000)
{
大=假;
//处理小尺寸转换的其余代码
}
如果(!是大的,则为else)
{
大=真;
//处理大尺寸转换的代码
}
在初始调用checkWidth()
之前,您还需要处理页面加载时设置很大的情况,当窗口小于1000px
时,背景是浅的,如果将其调大,背景会变暗。再变小,它又变亮了。除非调整窗口大小,否则该函数不会运行。看起来工作正常?也为我工作!是的,背景发生了变化;但是还有什么不起作用的吗?如果发生了什么事情,背景变化只是“记录”,这确实是。。问题是,当宽度超过1000px时,两个函数(.schedule li&body selectors)也在运行。当窗口小于1000px
时,背景为浅背景,如果将其调大,背景为深背景。再变小,它又变亮了。除非调整窗口大小,否则该函数不会运行。看起来工作正常?也为我工作!是的,背景发生了变化;但是还有什么不起作用的吗?如果发生了什么事情,背景变化只是“记录”,这确实是。。问题是当宽度超过1000px时,这两个函数(.schedule li&body selector)也在运行。嗨,Plynx,谢谢你的回答,这是否意味着我需要添加一个全局is_large变量,如“var is_large=1000;”在运行函数之前?@user1901096全局或在某个单例对象的某处,真正存储在任何地方。但是是大的
在本例中是一个布尔值(真或假),而不是一个数字。它指的是布局当前所处的状态:大布局(true)或小布局(false)。由于您的代码希望在页面加载时运行此函数,因此您需要确保将is_large
设置为true或false,具体取决于您在基本HTML中设置为默认布局(大或小)。嗨,Plynx,感谢您的回答,这是否意味着我需要添加一个全局is_large变量,如“var is_large=1000;”在运行函数之前?@user1901096全局或在某个单例对象的某处,真正存储在任何地方。但是是大的
在本例中是一个布尔值(真或假),而不是一个数字。它指的是布局当前所处的状态:大布局(true)或小布局(false)。由于您的代码希望在页面加载时运行此函数,因此您需要确保将is\u large
设置为true或false,具体取决于您在基本HTML中设置为默认布局(大或小)。