JavaScript - 函数不起作用

Question

使用下面的代码，我希望函数在调用时运行，但目前没有发生任何事情，函数的名称是否 Not Acceptable ？

function zoom(d) {
  if (d == "in")
    $("#animation_border").css("height", ($(window).height() * 100 / 85) + "px");
  else
    $("#animation_border").css("height", (canvas.width * 0.719) + "px");

}

if ($(window).width() >= 619) {
  zoom("out");
} else {
  zoom("in");
}
}

Answer 1

我假设您想在调整窗口大小时调用 zoom() 函数。如果是这样，我们可以使用 $(window).resize() 事件来获得你想要的:

function zoom(d) {
  if (d == "in") {
    // Your code here
  } else {
    // Your code here
  };
}

// Automatically called when window is resized
$(window).resize(function() {
  if ($(window).width() >= 619) {
    zoom("out");
  } else {
    zoom("in");
  };
})

工作中的 JSFidde:https://jsfiddle.net/209m4esk/2/

顺便说一句，在 zoom() 函数中比较 bool 值比比较字符串更有效。我们还应该允许为函数提供无效参数。即:

function zoom(zoomIn) {
  if (typeof(zoomIn) !== "boolean") {
      console.log("Parameter given is not a boolean.");
  } else if (zoomIn) {
    // Your code here
  } else {
    // Your code here
  };
}

那么您只需调用 zoom(true) 来放大，并调用 zoom(false) 来缩小。