【问题标题】:CSS <li> issue with jquery and quicksandjQuery 和流沙的 CSS <li> 问题
【发布时间】:2012-04-24 00:48:51
【问题描述】:

我有一个带有 jquery 和流沙插件的页面,如果我有相同大小的图像,它可以正常工作。 如果我添加了不同尺寸的图像,它不会正确显示。

页面:-已删除-

我认为它与 CSS 有关,我看不出问题可能是什么。

尺寸 test-1 看起来不错,但尺寸 test-2/3 的问题是较小的图像不会开始填充左侧的页面。它也应该使用大图像左侧的空白空间。

有人知道解决办法吗?

【问题讨论】:

    标签: jquery html css quicksand


    【解决方案1】:

    您是否尝试过删除adjustHeight: 'dynamic'? 这可能是造成它的原因。

    当我点击 Test2 时,我会看到一张大图,文件名为 010.png。 但是当我在点击 Test2 之前检查页面时,010.png 根本不存在。

    ** 编辑

    我明白了,它使用 ajax 来拉取其他页面。 其实我没看出有什么不妥。它正在以应有的方式工作......

    【讨论】:

    • 是的,我已经尝试将其删除,也将其设置为 false 和 auto。它不能解决问题。没错,最后 3 个菜单项只有大图。
    • 我希望其他人可能知道如何解决“问题”。
    • 我正在看。试图提供帮助。但我看不出有什么不对。它工作得很好。也许您可以尝试更具体一些吗?谢谢
    • 这取决于屏幕分辨率(div 现在设置为 1200),但如果我们查看 Size test-2,第四张图片应该在空白处。第五张图片放在第四张等等。至少这就是我想要它做的。
    【解决方案2】:

    一切正常;这就是花车的工作原理。不过你可以试试jquery.masonry。将the script 添加到您的网站,并在.wmshowcase 上致电masonry

    $('.wmshowcase').masonry({
      itemSelector: 'li'
    });
    

    我不得不说我还没有测试过:P

    【讨论】:

    • 感谢回复,不了解砌体,去试试看。
    • 流沙和砖石似乎不太容易结合。但我刚刚发现了isotope,这正是你所需要的。如果您还在苦苦挣扎,可以尝试一下:P
    • 嗯,我还在苦苦挣扎,打算试试同位素,谢谢人渣。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-12-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-19
    • 1970-01-01
    相关资源
    最近更新 更多