如何在使用jquery窗口或视窗大小时使用bootstrap禁用按钮？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<button id="myButton" disabled>按钮</button>

$(window).resize(function() {
  // 检查窗口或视窗大小是否满足特定条件
  if ($(window).width() < 768) { // 例如，当窗口宽度小于768像素时
    $('#myButton').prop('disabled', true); // 禁用按钮
  } else {
    $('#myButton').prop('disabled', false); // 启用按钮
  }
});