jQuery Quicksand：在JS加载导致生涩行为后应用CSS

Question

我正在使用jQuery Quicksand插件按日期过滤列表。

我已经按照给出的示例工作了，但是，过滤器应用于加载为<li>的{​​{1}}项，然后一旦所有项加载了block CSS已应用。使整个过程看起来有点混乱。

我无法弄清楚为什么在Quicksand网站上的例子没有发生 - 其中列表消失然后重新顺利出现。我仔细查看了CSS并尝试了float:left和duration的许多变体，但同样的事情发生了。

Answer 1

问题是CSS被应用于jQuery正在执行的ID。因此，每次有任何jQ操作时，都会重新加载样式。通过应用CSS作用的类，两者保持分离，因此立即应用了样式。

即。 <ul id="magazines"> jQ代理#magazines而CSS也代理#magazines导致加载延迟。

<ul id="magazines" class="mag-list"> jQ代理#magazines，CSS代理.mag-list即可。

Answer 2

答案是，你的李的css应该永远是浮动的：左。这应该硬编码到您的样式表中。您应该使用JS隐藏ul，创建装有内容的li，然后显示ul。

实际上所有的css都应该硬编码到样式表中，隐藏ul，加载lis，显示ul。

这样做可以更容易地设置渐进增强，没有js的用户可以访问相同的内容，但没有动画。

首先，不会隐藏UL，因为这是使用js完成的。那么你所要做的就是让单选按钮作为非js用户的锚点，当他们点击它时会在url上添加一个查询字符串，通过get方法访问它，你可以将它用于现有的ajax后端。 / p>

然后交换js中单选按钮的链接。