jQuery 动态 var 更改和动态 if else 检查

发布于 2024-11-18 02:34:17 字数 340 浏览 0 评论 0原文

我想创建一个在单击时更改其值的 var，然后我想使用 if 检查 var 的值并执行一系列动画。如果 var 的值不是 projects，我会使用 else 来反转动画。

var url = "work";

if (url == "home") {
$("#homeBox").fadeIn(200)
}

$("#homeTab").click(function(){
var url = "home"
})

我将把它用于单页网站，因此 var 值基本上就是 url。

谢谢

原文

I want to create a var which changes it's value on click and then I want to check the value of the var using if and preform a series of animations. If the value of the var isn't lets say projects I use else to reverse the animations.

var url = "work";

if (url == "home") {
$("#homeBox").fadeIn(200)
}

$("#homeTab").click(function(){
var url = "home"
})

I will use this for a one-page website so the var values are basically the urls.

Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

风吹雪碎 2024-11-25 02:34:17

如果我明白你需要什么，这就能解决它：

var url = "work";

function animate(){
  if (url == "home") {
    $("#homeBox").fadeIn(200);
  }
}
animate();

$("#homeTab").click(function(){
  url = "home";  //I removed 'var', because it would create a local variable.
  animate(); //Perform the animation/deanimation
})

希望这会有所帮助。干杯

If I understood what you need, this would solve it:

var url = "work";

function animate(){
  if (url == "home") {
    $("#homeBox").fadeIn(200);
  }
}
animate();

$("#homeTab").click(function(){
  url = "home";  //I removed 'var', because it would create a local variable.
  animate(); //Perform the animation/deanimation
})

Hope this helps. Cheers

回复收藏 0 原文

冷心人i 2024-11-25 02:34:17

我认为您想将 if 检查放在单击处理程序中。像这样的事情：

var url = "work";

$("#homeTab").click(function(){
   var url = "home";

   if (url == "home") {
      $("#homeBox").fadeIn(200);
   }
   else {
      $("#homeBox").fadeOut(200);
   }

});

另外，不要忘记每行末尾的分号。

I think you want to place your if check inside the click handler. Something like this:

var url = "work";

$("#homeTab").click(function(){
   var url = "home";

   if (url == "home") {
      $("#homeBox").fadeIn(200);
   }
   else {
      $("#homeBox").fadeOut(200);
   }

});

Also, don't forget those semicolons at the end of every line.

回复收藏 0 原文

~没有更多了~