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中定义的大小，如果用户浏览器支持我的大小单位（视口）则返回。

如果 elemWidth 值与 halfWidth 不同，我需要加载脚本，但我不知道如何将此警报更改为调节功能。

谢谢！

Answer 1

表达式if (elemWidth == halfWidth) { // "" } else { // "does not" }使用conditional ternary operator。

简称：

elemWidth

因此，如果您要在halfWidth值与if (elemWidth !== halfWidth) { $.getScript('...'); }不同的情况下加载脚本，那么您只需使用$.getScript function或者您正在使用的任何内容加载脚本

{{1}}

Answer 2

非常简单，将两个值的比较放在一个条件中，如果它们不相等则编写一个脚本。

$(function () {
    var elemWidth = parseInt(getComputedStyle(document.querySelector("#checkVw"), null).width, 10);
    var halfWidth = parseInt(window.innerWidth / 2, 10);

    if ( elemWidth !== halfWidth ) {

        $.getScript('whatever.js');

    }
});

Answer 3

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

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

3 个答案: