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

Javascript 如果元素宽度有效,则使用jQuery函数,javascript,jquery,viewport,Javascript,Jquery,Viewport,我是jQuery新手,在我的站点中发现了以下代码: $(function() { elemWidth = parseInt(getComputedStyle(document.querySelector("#checkVw"), null).width, 10); halfWidth = parseInt(window.innerWidth / 2, 10); alert("Your browser " + ((elemWidth == halfWidth) ? "" : "does

我是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值不同,我需要加载一个脚本,但我不知道如何将此警报更改为条件函数

谢谢

表达式
((elemWidth==halfWidth)?“”:“:”不使用

它的缩写是:

if (elemWidth == halfWidth) {
  // ""
} else {
  // "does not"
}
因此,如果要在
elemWidth
值与
halfWidth
值不同的情况下加载脚本,则可以简单地使用或使用加载脚本的任何工具

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

非常直截了当,将两个值的比较放在一个条件中,如果它们不相等,就编写脚本

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

    if ( elemWidth !== halfWidth ) {

        $.getScript('whatever.js');

    }
});
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");