如果javascript被禁用,jquery同位素的后备?

arj*_*jun 5 javascript jquery html5 css3 jquery-isotope

如果JavaScript被禁用,是否有jQuery同位素的后备?

假设我在那里使用了fitColumns属性,如果禁用了JavaScript,那么是否会回退到该布局样式,就像你在新的myspace中所拥有的那样 .
出现在您的myspace主页上的初始帖子将被正确设置样式,但是当您进一步滚动时不会加载其他帖子.
什么样的CSS结构或后备方法可以用于这种情况?

kyo*_*ala 2

如果 JavaScript 被禁用,并且您希望将元素保持良好的位置,就像 jQuery Isotope 正在完成其工作一样,那么您只能依靠 CSS。这意味着您必须按照您想要的顺序手动放置这些元素。

如果您同意,请按照以下步骤开始:

  1. 将类名放在同位素元素的主包装上,例如off. 例如: <div id="isotope-container" class="isotope off">
  2. 开始手动定位元素并.off作为选择器之一包含在内。例如: .isotope.off .isotope-element-1 { position:absolute; top: 10px; left: 10px; } .isotope.off .isotope-element-2 { position:absolute; top: 10px; left: 100px; }
  3. 然后在写有所有其他内容的常规 jquery 文件上,检查.off类是否存在,如果存在,请将其删除。例如:if($('#isotope-container.isotope').hasClass('off')){ $('#isotope-container.isotope').removeClass('off'); }