Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery缓存CSS_Jquery_Css_Caching - Fatal编程技术网

Jquery缓存CSS

Jquery缓存CSS,jquery,css,caching,Jquery,Css,Caching,我有一个小脚本,可以过滤来自多个选择选项的结果。该脚本只需更改CSS(背景图像)以突出显示过滤器的结果 问题是,如果访问者想玩,然后点击清除,点击清除等,突出显示会变得混乱,结果不正确。如果我重新加载页面,所有内容都会恢复正常。我不知道CSS是被缓存还是Jquery被缓存 下面是CSS过滤器的一个片段 if (a == 1 && b == 0) { $("a#tourer").css('background-position', '0 bottom');

我有一个小脚本,可以过滤来自多个选择选项的结果。该脚本只需更改CSS(背景图像)以突出显示过滤器的结果

问题是,如果访问者想玩,然后点击清除,点击清除等,突出显示会变得混乱,结果不正确。如果我重新加载页面,所有内容都会恢复正常。我不知道CSS是被缓存还是Jquery被缓存

下面是CSS过滤器的一个片段

if (a == 1 && b == 0) {
        $("a#tourer").css('background-position', '0 bottom');
    } else {
        $("a#tourer").css({
            "background-position": "0 top",
            opacity: "0.3",
            filter: "alpha(opacity=30)"
        });
    }
下面是单击表单“清除结果”按钮的操作

.select_列表位于表单本身中,.model_行位于表单外部,作为包含背景图像/结果的DIV标记的样式

我可以简单地告诉脚本重新加载页面,但不希望这样。更专业的重新设置表单

除了缓存之外,所有代码都按预期工作?问题


干杯

为什么要将类
选择列表
添加到使用同一类找到的元素中?似乎是个逻辑问题。请在jsfiddle.net中创建一个演示来复制这个问题。另外,您是否在浏览器控制台中检查了live html,以查看类和内联样式是否符合您的预期?Thx charlietfl-当我在“清除”后查看live html时,所有内联CSS都是正确的,并且都得到了解释。发生的事情是,当我在“清除”之后重新选择选项时,内联CSS被应用,而“清除”不应该在那里!!包含.select_列表的表单始终显示正确的内联CSS,无论是否清除…创建一个演示,如果不能够检查实时代码,很难看到您的问题所在。也不确定上面的ID和类之间的关系。不确定我应该做什么,但玩重置似乎对我很好。不过,这段代码要比实际需要复杂得多。不需要为每个元素提供唯一的类如果没有20个代表点,就无法与您聊天
    $("#reset").click(function() {
    $("#formreset")[0].reset();
    j = 1;
    $('.select_list').each(function(i, obj) {
        $(this).removeClass();
        $(this).addClass('select_list select_list' + j);
        j++;
    });
    $('.model_row').each(function(i, obj) {
        $(this).find('a').removeAttr("style");
    });
    return false;
});