同位素JS包装瓦片缝隙

文章/答案/技术大牛

发布

1回答

javascript、html、twitter-bootstrap、jquery-isotope、packery

一旦我将其折叠到2列配置，我在第一个位置上只有一个单一宽度的瓦片。双宽在下面，所有的单宽瓷砖并排显示(每行2个)，根据需要一直向下显示。底部甚至还剩下一个瓦片，如果重新排列，每个单宽的瓦片都会与另一个相同类型的瓦片配对。background-color: yellow;<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js<

浏览 16提问于2017-03-07得票数 0

回答已采纳

2回答

CSS和JS:如何在网格中增大Tile的大小

javascript、jquery、css、grid

我精通CSS和JS。在此项目上使用jQuery。我有一个流体网格，它由一个无序列表(带有'li‘标签)组成。每个'li‘(瓦片)都有相同的宽度和高度。但我需要瓷砖继续在这个更大的瓷砖周围流动，没有缝隙。我想知道最终的瓦片组合(带有膨胀的浮动瓦片)是否可以用原生CSS实现，或者我是否需要编写Javascript来帮助在膨胀的瓦片周围定位瓦片。

浏览 0提问于2011-08-03得票数 0

回答已采纳

1回答

同位素库误差:未明误差无布局模式包装第8行

javascript、lazy-loading、jquery-isotope

我试图使用包装作为我的画廊的布局。我在用fancybox和同位素库。我不认为fancybox是问题所在。未明错误:无布局模式: packery isotope.pkgd.js第8行联署材料： jQuery('.fa

浏览 7提问于2015-04-09得票数 2

回答已采纳

2回答

使用JQuery调整图像大小和对齐图像在第一次加载时不起作用

javascript、jquery、wordpress、preloader、masonry

主题使用了同位素，我认为这个链接解释了需要做什么：jQuery(document).ready(function($) { /*-- Portfolio

浏览 2提问于2014-10-22得票数 0

回答已采纳

1回答

jQuery单个脚本-文件不特定于此页-显示“未定义不是函数”

javascript、php、jquery、wordpress

我知道jQuery noConflict包装器，并使用wp_enqueue_script()加载脚本。在下划线(_s)起始主题之后，我使用页脚中jQuery的依赖项在脚本(example.js)中排队。为了避免‘呈现阻塞javacript’警告，我将所有单独的jQuery代码粘贴在这个文件中。假设， jQuery(document).ready(

浏览 1提问于2015-02-21得票数 1

回答已采纳

1回答

在使用同位素和Webpack时无法读取未定义的性质‘包’

jquery、webpack、packery、jquery-isotope

我试着和webpack一起在同位素上使用包装布局模式。 var webpack = require('webpack) var jsDest = path.resolve(config.root.dest,

浏览 1提问于2016-01-04得票数 0

1回答

同位素化纤包装版？

javascript、jquery-isotope、packery

我对同位素变质包装的版本有一个问题：下面是js v1.3.2 = jQuery(document).ready(functioncolumnWidth: '.grid-sizer', } });如何更新js

浏览 2提问于2015-01-13得票数 0

回答已采纳

2回答

基于jQuery同位素和CSS媒体查询的响应设计

jquery、css、media-queries

基本上： $('#wrapper').isotope({ masonry: { columnWidth

浏览 2提问于2015-04-21得票数 1

回答已采纳

1回答

DIVs在图像库中的位置

html、css、image、gallery

我正在创建一个画廊的响应骨架，将插入到wordpress中。这个画廊是用不同尺寸的images做的。问题是，我不知道如何坚持div，这是在“第二行”，就在div的“第一行”。

浏览 3提问于2015-05-12得票数 0

回答已采纳

1回答

如何使我的Wordpress (wp_query -自定义post类型)、isotope.js和引导带过滤器正确显示？

php、jquery、wordpress、jquery-isotope

我在用同位素逐个显示我的自定义帖子类型时遇到了问题，它似乎就在那里，但我找不到为什么它会奇怪地显示出来。-- end isotope-list -->，这是我的同位素编码 var $container = $('#isotope-list'); //The ID for the list

浏览 3提问于2020-03-09得票数 0

回答已采纳

3回答

为同一方向的两个div设置动画，一个接一个

jquery、jquery-animate、slide、scrollto

我同意，这将是我的问题的一个快速简单的解决方案，然而，不幸的是，我不能在我的div周围包装一个div，因为我有一个特定的问题，需要我动画我的每个div的单独。我会详细说明..。我有一个名为'highlight‘的div，其中有两行的一些瓦片，每行有5个瓦片形成一个网格。这就是我所说的“Ribbon”，这是我页面底部的一个面板，它有一个容器div，围绕着所有具有指定宽度的高亮瓦片，并隐藏溢出，允许我的内容被加载和隐藏，并在使用页面上的“上一步”或“下一步”按钮时滑过。因此，我现在有两个“高亮”的div，其中包含10

浏览 2提问于2012-01-17得票数 1

1回答

是否可以将here的Maps API与其他基础地图(例如，Bing、Google、OSM)结合使用？

maps、here-api

我可以使用here的地图API与here的地图瓦片隔离吗？

浏览 8提问于2018-02-08得票数 0

回答已采纳

2回答

如何对齐投资组合项目的高度？

html、css

我想在高度上对齐这些项目：由于我对发生了什么几乎一无所知，所以我将粘贴我认为是相关代码的内容：#portfolio .portfolio-item { right: 0; #portfolio .portfolio-item .portfolio-link { position: relative; margin: 0 auto; #portfolio .port

浏览 10提问于2017-07-04得票数 0

2回答

不显眼的TypeError -不是函数-没有视觉错误

php、jquery、wordpress、twitter-bootstrap

我使用同位素作为这个特殊的部分，并得到这个恼人的错误与Chrome开发人员。我看不到与这个问题相关的任何错误，但由于这是一个错误，我需要修复它(痴迷)。Uncaught TypeError: b.isotope is not a functionIsotope.js<?php endif; ?> 这

浏览 5提问于2015-07-09得票数 2

回答已采纳

1回答

包装/同位素网格未按预期重新排列

jquery、jquery-isotope、jquery-masonry、masonry、packery

我已经玩了几个小时的砖石，同位素和包装，但我的生活无法让它像预期的那样工作。<div class="item w" style="background-color:#affaff; width:50%;"></div>JS

浏览 21提问于2015-01-21得票数 0

1回答

静态容器内的CSS裁剪图像绝对定位于祖父母

javascript、html、css、css-position

我有多个图像瓦片，应该在结束时显示一个完整的图像。在我下面的代码中，你可能会对我想要实现的目标有个大概的了解。我有一个祖父母div，它总是被左边和右边的图片所隐藏。现在，我用一个父容器div (" parent ")包装了图像，以设置平铺的大小。如果在CSS中不能做到这一点，我也可以使用JS。

浏览 10提问于2020-12-16得票数 1

回答已采纳

2回答

我可以在我的joomla网站中嵌入一个masonry jquery模板吗？

jquery、joomla、jquery-masonry

我想在我的网站上创建一个使用砖石的视频画廊，但我有困难。如果Jquery与Joomla协同工作，它是如何工作的呢？

浏览 0提问于2012-06-19得票数 0

回答已采纳

6回答

基于HTML/Javascript的Metro样式框

javascript、html、windows-8、microsoft-metro

我只是想知道是否有人知道任何JS库，允许我创建一个带有磁贴/触摸屏的网页，其功能类似于Windows8 metro/现代UI面板(还根据可用的页面空间布局框)。

浏览 2提问于2012-09-26得票数 4

回答已采纳

2回答

divs网格中的间隙检测

javascript、html、css、knapsack-problem、bin-packing

我的问题-我试过使用砖石，但它最终留下了缺口，也尝试了同位素。目前，我正在浮动所留下的元素，这将导致布局的中断。我读过有关背包包装问题以及垃圾箱包装问题的文章--我很难理解其中任何一个问题。这是js的基本代码..。

浏览 4提问于2012-12-04得票数 4

回答已采纳

4回答

具有不同高度引导网格对齐列

html、css、twitter-bootstrap、grid

我对bootstrap grid非常陌生，我正在尝试理解它是如何流动的。当屏幕尺寸变小(Xs)时，我想获得这样的流，当侧边栏被推到主内容下面时：但相反，bootstrap执行以下操作：最后，当小部件1、2和3完全挤压在一起时，它们应该像原始的那样堆叠起来。<div class="container"> <div id="wi

浏览 0提问于2015-05-21得票数 1

点击加载更多