jquery - 简单的 jquery 滑块在浏览器上冻结

Question

我做了一个非常简单的 jQuery 滑块

$(document).ready(function(){
    $('li').hover(function(){
        $(this).children('div').slideToggle();
    });
});

像这样。它工作得很好，div' 是隐藏的，当您悬停该li项目时它们会显示，但是有一个问题。当您在浏览器中按下“后退”按钮时，有时slidetoggle“冻结”在“打开”位置（意味着div显示）并且它们开始向后工作。任何修复的想法？

Answer 1

文档准备好后尝试向上滑动它们，如下所示：

$(document).ready(function(){
    $('li > div').slideUp();
    $('li').hover(function(){
        $(this).children('div').slideToggle();
    });
});

这将确保您的 div 向上滑动并防止它“向后”工作。