【问题标题】:Masonry on Wordpress overlapping other contentWordpress 上的砌体与其他内容重叠
【发布时间】:2014-05-28 18:13:40
【问题描述】:

我有一个安装了 WP 和 Genesis 主题的客户端。 我正在使用砖石来平铺特定类别的帖子。 我遇到的问题是页面上有砌体重叠的其他内容(类别描述)。 我试过 $window.on('load', function(){

我已经尝试设置超时来延迟砌体。

无论我做什么,当砌体初始化时,帖子都会覆盖描述内容。 有什么建议么? 提前致谢。

编辑:使用中的砌体代码 ->

jQuery(window).on('load',function($) {
var $container = jQuery('#content');
// initialize
$container.imagesLoaded( function() {
$container.masonry({
columnWidth: 1,
itemSelector: '.post'
});
});
});

现场直播链接:http://landmark2skate.com/category/secret-stash/

感谢观看。

【问题讨论】:

  • 您可以发布您的代码和/或指向您的实时网站的链接吗?

标签: jquery wordpress masonry


【解决方案1】:

这更像是一个 CSS 问题

[ Text ] - 您的文本块是 1 个单个元素

[ Masonry ] - 覆盖文本的框是许多单独的 div,样式为 position:absolute

如果没有包含这些单独项目 div 的父 div,您的砌体将定位 绝对到您拥有的第一个父位置相对容器。

【讨论】:

  • 谢谢,看来我必须编写一个自定义循环来处理它。
  • 你需要的是一个包含 div
    -------- 现在你的网络看起来像这样
  • 正是我想要的。我也许可以用 Genesis 中的一个钩子来完成它,这样我就不必重写整个循环并插上所有的 css。
【解决方案2】:

您已将“columnWidth”设置为“1”。这意味着 1 个像素。尝试将其设置为更大的值,例如 250。

请看这里的例子:

http://masonry.desandro.com/options.html

【讨论】:

  • 实际上,我应该取消设置它,因为我希望它从第一个元素中获取提示(1 也对我有用)。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-22
  • 1970-01-01
  • 1970-01-01
  • 2017-11-04
  • 1970-01-01
  • 2020-01-25
相关资源
最近更新 更多