如何在宽度/高度值上触发事件

Question

使用此示例尝试弄清楚宽度/高度是否为特定值时如何创建if语句。

https://codepen.io/Reklino/pen/EjKXqg

我在想

<p id="confirmation">Try again!</p> 

 <script> 
  if (new dynamicSize.width() < 300) { 
    document.getElementById("confirmation").innerHTML = "Congratulations!"; 
  } 
</script>

Answer 1

首先，该codepen链接不是纯JS / Jquery中的代码，而是有角度的代码。 如果您想在jQuery中执行此操作，则应执行以下操作：

if ($(document).width() < 300){
  $('#confirmation').text('Congratulations!')
}

更新：如果每次元素调整大小时都想触发，请检查以下答案：https://stackoverflow.com/a/30761710/1817929