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

时间:2013-03-01 11:59:19

标签: javascript jquery html5 css3 jquery-isotope

如果JavaScript被禁用,jQuery同位素会有后备吗?

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

1 个答案:

答案 0 :(得分: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'); }