Question

我正在尝试使用jQuery在一个包装元素在某个范围内时触发初始化脚本（现在提醒）。我已经尝试了我能想到的一切，现在需要社区援助，我将永远感激。

当我运行小提琴并且div元素是600px时，我收到来自alert(elementSize);的状态600的警报然后我从alert("laptop and desktop");得到第二个警告，这是不正确的，因为正确的警报应该是'平板电脑'。

  var elementSize = $("#outerWrapper").width();
  alert(elementSize);
  if ($(elementSize >= 801) && (elementSize <= 990)) {
    alert("laptop and desktop");
  } else if ($(elementSize >= 600) && (elementSize <= 800)) {
    alert("tablet");
  } else {
    alert("neither");
  }

我也试过这个：

 if ($(elementSize >= 801 && elementSize <= 990)) {
    alert("laptop and desktop");
 } else if ($(elementSize >= 600 && elementSize <= 800)) {
    alert("tablet");
 } else {
    alert("neither");
 }

无论如何，这是一个公共小提琴：https://jsfiddle.net/timhjellum/k8vaofrz/

Answer 1

Duh，固定！删除了不需要的jquery $。也更新了小提琴。

function checkSize() {
  var elementSize = $("#outerWrapper").width();
  alert(elementSize);
  if ((elementSize >= 801) && (elementSize <= 990)) {
    alert("laptop and desktop");
  } else if ((elementSize >= 600) && (elementSize <= 800)) {
    alert("tablet");
  } else {
    alert("neither");
  }
}

元素宽度值范围不起作用

1 个答案: