jQuery 切换()；以前工作，现在不工作

Question

我可以看到这个问题之前已经被问过很多次了，但是似乎没有建议的解决方案适用于我的 Toggle() 问题；

上下文:我对该页面有一些“提示”( div.tips )。在移动设备上，我希望用户能够单击名为“提示”( button.tips ) 的按钮，并在该按钮下弹出内容。然后他们可以单击该按钮，内容将再次消失。

我在网站的移动版本上使用 Toggle，我使用这两行获取窗口的宽度:

var windowsize = $(window).width();

$(window).resize(function() {
    var windowsize = $(window).width();
});

因此，我有两个实例需要在移动网站上移动内容，因此我使用appendTo() 来完成此操作。这是问题代码 1:

$("div.results").hide();

$("div.result-summary").click(function () {
        $("div.result-summary").hasClass("active-result");
        $("div.result-summary").removeClass("active-result");

        $(this).toggleClass("active-result");

        if (windowsize < 1015) {
            $("div.results").appendTo(this);
            $("div.results").toggle();
        } else {
            $("div.results").show();
        }
});

第一部分工作正常，因此 jQuery 正在加载。这是if (windowsize < 1015) {浏览器根本没有反应的部分。另外，我在控制台中没有错误。

问题代码 2 大致相同:

if (windowsize < 1015) {
        $("div.tips").hide();
                    $("div.tips").appendTo("div.append");

        $('button.tips').click(function(){
            $("div.tips").toggle();
        });
}

同样，浏览器中没有任何反应，并且我没有收到控制台错误。

我感觉问题出在 windowsize < 1015 上行，但这以前可以用，但现在不行了，所以我不确定是怎么回事!

有什么想法吗？ :)

Answer 1

windowsize 变量的范围问题。您永远不会在调整大小时更新全局变量，而是更新本地变量，然后让它被 GC 丢弃

var windowsize = $(window).width();

$(window).resize(function() {
    windowsize = $(window).width();
});

它应该从来没有像你拥有的那样(正常)工作过。