jquery响应。宽度似乎不想工作

在滚动350px后，我使用引导粘贴顶部使我的导航变得粘滞，并使用data offset top=“350”将我的导航定位在距顶部350px的位置。问题是，当我使用手机时，我根本不想要偏置陀螺。我一直在尝试使用jquery进行注入和取出，但我的站点似乎没有响应jquery

是否有人有任何建议或可以指出我代码中的缺陷

Jquery

$(window).resize(function() {
  if ($(this).width() < 728) {
    $("#main-nav").removeAttr("data-offset-top","350");
  } else {
    $("#main-nav").attr("data-offset-top","350");
  }
});

$（窗口）。调整大小（函数（）{
if（$（this）.width（）<728）{
$（“#主导航”）.removeAttr（“数据偏移顶部”，“350”）；
}否则{
$（“#主导航”）.attr（“数据偏移顶部”，“350”）；
}
});

HTML

彩色快跑！
现在注册！
切换导航

---

感谢您的帮助。

问题在于插件已在此属性上初始化，事件挂起在元素上。因此，删除该属性没有帮助。尝试通过JavaScript而不是属性初始化插件。

设置如何。对于较小的设备，粘贴到位置：静态而不是固定

@media (max-width: 768px) {
    .affix {
        position: static;
    }
}

对于小型设备，这将使导航成为静态的，而不是固定的。不需要Jquery

工作Plnkr：

编辑：（上面的修复将使您的导航栏保持静态，如果您仍然希望保持固定，请删除上面建议的更改并在下面使用）

---

当您达到数据偏移上限值时，“粘贴”将应用“固定位置”，但在移动设备的情况下，“导航栏固定顶部”已应用“固定位置”，因此不会导致任何问题。只需将navbar fixed top class应用于仅适用于移动设备的nav，您就可以开始了。

谢谢您的建议。不幸的是，它不是。我的问题是它的数据偏移量超过350。因此，在移动设备中，我的标题不是在加载时固定在顶部，而是向下按350px，直到它滚动过去，然后变为固定。我希望在移动设备中加载时它是固定顶部。@Jleibham如何在nav中仅为使用jquery的移动设备添加navbar固定顶部？删除建议的粘贴css更改。这是可能的，但我认为正如朱志克在下面建议的那样，我仍然会遇到属性数据偏移顶部已经初始化的问题。我正在考虑用css来做这件事，这样我就可以把导航条降低到350px，但当我在移动设备上时，就可以删除css了。有什么想法吗？当您达到数据偏移顶部值时，“粘贴”将应用“位置固定”，但在移动设备的情况下，“导航栏固定顶部”已应用“位置固定”，因此不会引起任何问题。只需将navbar fixed top class应用于仅用于移动设备的nav，您就可以开始了。@Jleibham如果这为您解决了问题，请告诉我我将编辑我的答案。嗯，您介意解释更多关于如何进行的内容吗？

@media (max-width: 768px) {
    .affix {
        position: static;
    }
}