javascript - 如果元素宽度有效，则使用 jQuery 函数

Question

我是 jQuery 的新手，我发现这段代码可以在我的网站中使用:

$(function() {
  elemWidth = parseInt(getComputedStyle(document.querySelector("#checkVw"), null).width, 10);
  halfWidth = parseInt(window.innerWidth / 2, 10);
  alert("Your browser " + ((elemWidth == halfWidth) ? "" : "does not ") + "support VW and VH");
});

代码检查我的元素是否具有我在 css 中定义的大小，如果用户浏览器支持我的大小单位(视口(viewport))则返回。

我需要的是在 elemWidth 值与 halfWidth 不同时加载脚本，但我不知道如何将此警报更改为条件函数。

谢谢!

Answer 1

表达式 ((elemWidth == halfWidth) ? "": "does not " 使用 conditional ternary operator。

它的缩写:

if (elemWidth == halfWidth) {
  // ""
} else {
  // "does not"
}

因此，如果您想要在 elemWidth 值与 halfWidth 不同的情况下加载脚本，那么您可以简单地使用 $.getScript function或者您正在使用的任何加载脚本。

if (elemWidth !== halfWidth) {
  $.getScript('...');
}