我正在制作一个快速响应的网站。这是小提琴：
http://jsfiddle.net/c6c99sbf/4/
当窗口宽度小于768px时，我发了一些效果，当挡风板宽度大于768px时，会产生一些其他效果。一切正常，除非我手动调整浏览器窗口大小并传递768px断点，否则效果无法正常工作或布局中断。
例如，当您向下滚动时，您会看到“+”按钮。我已编码，所以当您在窗口宽度大于768px时悬停'+'按钮时会出现菜单...在窗口宽度小于768px时，菜单应该仅在您单击<时出现/ em>'+'按钮。
但是当您在浏览器窗口大小为1200px时查看该页面并手动将其调整为600px时，+按钮仍会在'hover'上旋转，并且侧面菜单会出现在几次点击上 - 因此点击事件无法正常工作。一旦你刷新它，它工作正常。与768px断点有关的所有其他效果都无法正常工作。
我已经googlged并搜索论坛并尝试了他们，但没有运气。我也尝试将if（windowsize＆gt; 768）放在$（window）下.scroll（function（）{like this：
function checkWidth() {
var windowsize = $window.width();
$(window).scroll(function () {
if (windowsize > 768) {
var clicked = false;
if ($(window).scrollTop() >= 80 && clicked === false) {
$("#headerWrap").hide().css("position","fixed")
...
但它也没有用。需要做什么？过去两天我一直试图解决这个问题，现在已经筋疲力尽了。任何帮助将不胜感激！
答案 0 :(得分：0)
你有一个巨大的＆＃39; if else＆＃39;条件，你应该使用函数模块化
你没有“没有约束力”。您在＆＃39; if＆＃39;上绑定的功能＆＃39; else＆＃39;条件。 所以正在发生的事情就是在＆＃39; if＆＃39;中绑定的功能。条件保持约束，更多功能被绑定在＆＃39; else＆＃39;条件在＆＃39; window.resize＆＃39;事件
请参阅：http://api.jquery.com/unbind/了解详情
一切顺利。
答案 1 :(得分：0)
我认为您应该使用css和media queries来构建有效的响应式设计