0

当添加 JQuery 来隐藏一个类时，它当然会等待页面加载然后隐藏类，'addClass' 也是如此。必须有一种更好或更快的方式在页面加载时“加载”它。有人知道任何想法吗？我在下面为我的网站提供了带有链接的 JQuery 脚本，以查看它们的实际效果：

隐藏子过滤器： 链接到我的脚本示例以隐藏子过滤器（注意左侧导航过滤器）

if(jQuery('.refinement_category_section').length){
   jQuery('.refinement_custom_category_section').hide() &&
      jQuery('.refinement_filter').hide();
}

jQuery(document).ready(function(){                         
   if(jQuery('.refinement_category_section').length){
      jQuery('.refinement_custom_category_section').hide() &&
         jQuery('.refinement_filter').hide();
   }
});

或者

添加一个类：链接到我的脚本添加类的示例（注意左侧导航过滤器）

$('.refinement_brand_section').parent().addClass('filterresults');

4

2 回答 2

1

您可以添加 CSS 规则来隐藏这些类，然后在 jquery 加载后更改它

.refinement_category_section, .refinement_custom_category_section, .refinement_filter {
  display: none;
}
于 2011-03-04T20:58:44.513 回答
1

使用 Firebug，问题似乎在于您正在加载的图像数量。我的建议是在应用样式更改后使用 javascript 为您的项目动态加载图片，或者页面上的项目数量较少（或两者兼而有之）。这将导致非 javascript 用户的界面性能下降，但仍然可以使用。对于支持 javascript 的浏览器，您可以调整加载图像的方式和数量，以仍能达到很好的效果。

您还应该为您的小界面元素使用精灵，以便您下载单个图像并使用 CSS 来显示它的各个部分。为您的生产站点组合您的 javascript 文件和样式表也会有很大帮助——您有 20 多个 js 文件和 13 多个样式表，每个都需要单独的请求。您可能想要运行 YSlow 并遵循它的其他建议。

于 2011-03-04T21:14:00.803 回答