问题标签 [wookmark]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 在使用带有 Freetile(Mansonry) 的 Showmore 插件之后,会留下很多空白
当您单击“显示全部”按钮时,它应该显示所有隐藏的内容,然后完成。然后网站的其余部分将单独跟随。但是当点击全部显示时,还有很多空白空间。
如果我没有使用 Freetile 插件,空白区域的高度对应于所有图块的高度。当不使用 Freetile 插件时,它不会发生。
我猜 Show More 插件无法识别 Freetile 插件忽略的间隙。我一直在玩代码很长时间并且已经没有想法了。
Freetile插件的设置:
Show More jQuery插件的设置:
HTML
jquery - jQuery 仅在单击 F12 激活开发者模式时有效
我正在使用 sliphover.js 一个 jquery 来实现方向感知悬停效果。加载页面时,只有在单击 F12 或在 chrome 和 IE10 中激活了 inpect 元素时,悬停效果才有效。一旦开发者模式被激活或已经激活的开发者模式被关闭,它就会开始工作,直到页面再次重新加载。我正在使用一些 jquery 插件,如下所示。
我包括 custom.js 代码
我的 html,我也在使用 wookmark 插件来制作画廊
请帮我解决这个问题。
jquery - Lightbox 2 显示单个图像的图库
我在使用 Lightbox 2 时遇到了一点问题。我正在将它与另一个 jquery 插件WookMark混合使用。因此,我的缩略图涉及更多,看起来像这样:
结果,我的画廊将第一张图片显示为“2 of 68”,而它实际上是 34 个中的 1 个。“data-lightbox”不会在任何地方重复,并且仅在网页上出现 34 次。
您可以在此处查看我的工作页面:[已删除] ...作为测试,第一张图片有自己的 id,“单独”,您可以看到它显示“图片 2 of 2”
如果您能看一看,我将不胜感激!
javascript - 在页面加载时显示活动项目 - Wookmark JS
我正在使用 wookmark JS 来显示内容。一切都很好,过滤效果很好,但是,我对 Jquery 并不太热。当来自特定导航链接或页面时,我需要加载相关过滤项目
这是原型页面的链接: http: //cumminganderton.designnut.co.uk/projects.html
当用户单击下拉列表或主页中的相关链接时,如何将数据过滤器类传递给对象,因此,如果我单击下拉列表中的“教育”,则在加载页面时,只有带有“教育”显示的数据类?
我一直在寻找几天,似乎无法找到解决方案.. 发疯了。
希望有人可以提供帮助。
干杯
javascript - 使用书签创建两行
我正在尝试在我的设计中实现 wookmark js,以实现类似 pinterest 的布局。但不是页面中通常的单个 wookmark 实例,而是需要在页面上应用两次。但我有一个问题。当第一行被安排好时,它把第二行推得太低了,它们之间有一个空白空间。
您可以看到红色和蓝色行之间的空白区域。我希望蓝色行从红色行的下方开始。
这是我的小提琴。http://jsfiddle.net/u3ndne03/1/
HTML
CSS
JS
有想法的朋友吗?
javascript - Jquery wookmark 插件保持秩序
我正在使用 jquery 的 wookmark 插件在平铺视图中显示产品列表。此外,我在 ajax 调用(无休止的滚动)中有这个“瓷砖”。
当我得到一个新页面时,我正在调用容器以便将插件应用于“新页面”。
我使用这个插件面临的问题是:如果瓷砖的数量不足以填充容器,插件将对齐居中(想象一行有 4 个瓷砖的空间但只有 2 个,插件将放置这两个在中间)
此外,有时在获取新页面时,磁贴会重新排序。
有人知道如何强制瓷砖总是左对齐(可用空间将在容器的右侧)以及如何“关闭”排序?
谢谢
html - 如果所有其他孩子都被隐藏,如何将课程应用于孩子?
我知道这对于 jQuery 来说非常简单,尽管我只追求 CSS 解决方案(如果可能的话)。
我有一个 div 列表,最后一项是错误消息。我有一个简单的过滤系统,如果没有一个 div 与所选过滤器匹配,我想显示错误 div。
HTML结构:
我想要达到的目标:
如果 div 不匹配任何过滤器,我的过滤器插件会为它们提供inactive
. 因此,我需要检查所有具有类的 div 是否listItem
也具有类,inactive
以赋予errorItem
类的样式display:block
。
仅供参考,我正在为我的列表和过滤系统使用 Wookmark 插件。我也在使用LESS。
jquery - 书签功能无法识别
我试图让 wookmarks 在页面的一部分上工作以进行产品展示。我已经通过 wp_enqueue_script 加载了 wookmarks 和加载的图像。它们包含在标题源中,因此它们看起来加载得很好。但是,我在萤火虫中遇到了一个我无法解决的错误。代码取自 wookmarks 的示例文件。
页面.php
样式.css
javascript - 在 React.js 组件中更新状态会在我的页面下留下空白区域
我有一个 React.js 组件,它在页面加载时呈现元素列表,但是可以使用过滤器更新此列表,该过滤器将从列表中删除某些元素并将修改后的列表保存在组件的状态中。我设法使此功能正常工作,因此状态已正确更新。
虽然元素被正确地重新渲染,但当渲染的元素越少时,使用的空间就越少。发生这种情况时,页面的高度不会缩小以适应页面占用的新大小,并在我的页脚下留下空白内容,这是我页面的最后一个元素。
编辑 :
我对此进行了更多研究,我认为 React.js 可能不是我的问题的原因。我在每次更新组件状态后调用一个使用 imagesLoaded 和 Wookmark jQuery 插件的函数,看起来每次状态更改后调用此函数都无法正常工作。我应该在被调用的函数中更改什么,或者我应该在另一个时间点调用该函数吗?
调用的函数定义如下:
javascript - 尝试在 angularjs 应用程序中添加 wookmark 布局
我正在尝试在我的 angular js 应用程序中添加 wookmark 布局。如果没有无限滚动,那么它会很好,但是当我添加 angularjs 无限滚动时,我的 wookmark 布局不起作用意味着当滚动布局不适用时。
我的无限滚动功能代码 -
};
和我的 jquery wookmark 代码 -
});