小编Rad*_*ion的帖子

ScrollReveal.js - 显示Click或Event上的所有项目?

有没有办法通过点击事件显示滚动显示的所有项目? 或许揭示所有功能?

问题:

我正在使用滚动显示以及同位素.同位素的分选功能与滚动揭示反应奇怪.

当我点击"过滤器"按钮时,我正在调用同位素功能过滤器.

 $grid.isotope({filter: '.fish-filter'}); // example
Run Code Online (Sandbox Code Playgroud)

但是,如果我在点击所述文件管理器按钮后向下滚动,我的网格中就会出现漏洞,我必须在通过滚动显示所有项目后"重新点击"按钮

谢谢!!

更新

我在这里添加了布局调用 - 这至少修复了之前存在的漏洞:

window.sr = ScrollReveal({
    beforeReveal: function (domEl) {
        //$grid.isotope( 'layout'); // fixes holes
    },
    afterReveal: function (domEl) {
        $grid.isotope('layout');
    }
});
Run Code Online (Sandbox Code Playgroud)

然而 - 新过滤的物品没有"淡入",因为它们与滚动显示它们"平铺",与同位素的样式一样.理想的情况是显示所有布局场景 - 这种方式你不能注意到动画中的任何差异 - 或者另一种情况可能只是简单的恒定渐变而不管点击过滤器.

更新更新

我们决定让所有瓷砖都具有相同的高度,以便不再遇到问题.

谢谢

javascript jquery jquery-isotope jquery-events scrollreveal.js

9
推荐指数
1
解决办法
946
查看次数

WordPress 创建空 <p> 标签?

似乎 WordPress 无缘无故地创建了空的 p 标签。我通常通过删除所有空白来纠正这个问题 - 因为空白似乎被解释为“P TAG HERE!PLACE AP TAG HERE”。

这是我关心的 WordPress 仪表板内容:

[block]<p>This is a test</p>[/block]
Run Code Online (Sandbox Code Playgroud)

正如你所看到的,没有空格。

这是同一段 html 的 HTML 表示形式。

<div class="block sidebar">
<p>This is a test</p>
<p></p></div>
Run Code Online (Sandbox Code Playgroud)

看到那<p></p>无缘无故的那一秒了吗?

有人可以告诉我为什么会发生这种情况以及我如何(如果有的话)纠正这种情况?

我也创建了该短代码[block],并在其他页面上使用它,没有出现此问题。所以它似乎是特定于页面的(因为这是有道理的..不是)。

很感谢任何形式的帮助。如有必要,我可以提供该页面的链接。让我知道。

仪表板的外观:

在此输入图像描述

wordpress shortcode

3
推荐指数
1
解决办法
4838
查看次数

环回-如何获取用户ID并插入相关模型中?(有很多)

我要弄清楚的是如何获取当前经过身份验证的用户的ID,以及如何在数据库中将记录创建为其他模型的外键时使用该ID?

更具体地说,我需要获取当前经过身份验证的用户(模型:CommonUser)的ID,并在创建新事件时将该ID用作FK。

关系:

我已经基于称为CommonUser的用户模型创建了一个模型。普通用户有很多事件。事件属于普通用户。

因此,Event具有一个名为commonUserId的外键。

如何获取用户ID并在插入时使用该ID?

我本以为就建立关系而言,这将是过程的一部分自动进行吗?那不对吗?

同样使事情复杂化的是,我有一个事件查找表(我会担心下一个表,因此不必深究),因为事件通过事件查找还具有AndBelongsToMany。

用户

{
  "name": "CommonUser",
  "base": "User",
  "idInjection": true,
  "options": {
    "validateUpsert": true
  },
  "properties": {},
  "validations": [],
  "relations": {
    "events": {
      "type": "hasMany",
      "model": "Event",
      "foreignKey": "eventId",
      "through": "EventLookUp"
    },
    "friends": {
      "type": "hasMany",
      "model": "CommonUser",
      "through": "Friend",
      "foreignKey": "friendId"
    }
  },
  "acls": [],
  "methods": {}
}
Run Code Online (Sandbox Code Playgroud)

用户

事件

{
  "name": "Event",
  "base": "PersistedModel",
  "idInjection": true,
  "options": {
    "validateUpsert": true
  },
  "properties": {
    "name": {
      "type": "string"
    },
    "radius": {
      "type": "number",
      "default": …
Run Code Online (Sandbox Code Playgroud)

rest node.js express loopbackjs

1
推荐指数
1
解决办法
554
查看次数