Javascript 如果元素宽度有效,则使用jQuery函数
我是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
$(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");