问题标签 [hubl]
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.
arrays - 比较两个数组,检查匹配值
使用 HubL(当我在 HubSpot 中构建模块时),我有两个数组:
topics
: 这是一个主题列表。all_tags
:这是系统中所有博客标签的数组。
如果我转储这些数组,它将返回:
{{ topics }}
打印以下内容:[Data, Accounting, Insight]
{{ all_tags }}
打印以下内容:[Accounting, Press, Data]
所以本质上,{{ topics }}
有一个系统中尚不存在的标签(“洞察力”)。
我要做的是创建第三个数组,它将包含来自上述两个数组的匹配结果。例如topics_final
,一旦返回,应该打印[Data, Accounting]
。
但是,在打印时{{ topics_final }}
,数组是空的。
我试过的:
有了上面,它只是打印出{{ topics }}
, 即使Insight
不在all_tags
数组中。
注意:标记Jinja2
为语法相似
hubspot - Hubspot 自定义模块 - 可以附加到 JS onClick 上的 hubspot 数组吗?
我目前正在 Hubspot 中处理一个项目,我想通过单击 DOM 元素将过滤器添加到过滤器数组中,最好是使用 addEventListener('click')。这可能吗?有没有人成功地做到这一点?
这是我当前的代码(显然不起作用):
请哈普!
css - 如何添加/删除字体真棒图标
我无法在此处找到“阿拉斯加”旁边的字体真棒图标(屏幕截图): 缺少粉红色的字体真棒图标
我在这里使用的这个免费的 Hubspot 主题似乎被打破了:https ://www.webdew.com/clear/blog
我要么想一起删除该图标,要么将其替换为另一个将显示的字体真棒图标。请注意,我是新手,所以我不确定要在这里向大家展示哪些代码来剖析。
任何帮助表示赞赏。
编辑:更新了实际的主题链接,之前的链接不正确。
html - 运行 for 循环以显示帖子,但使第三张卡片始终显示带有特定标签的帖子
这个问题是关于HubSpot
/HuBl
的,但我也标记twig
为语法相似。
我有一个包含 7 张卡片的博客布局,结构如下:
作为参考,上面的类修饰符是:
blogCard
blogCard
blogCard--long
blogCard
blogCard
blogCard--wide
blogCard
现在,在 中HubL
,我正在尝试循环查看帖子,并且在loop.index
等于 的地方three
,我希望它显示一个标签为 的博客帖子video
。这篇video
文章将出现在blogCard--long
.
因此所有其他 6 张卡片都可以显示带有任何标签的帖子,但第 3 个 ( blogCard--long
) 必须是带有标签的帖子video
。
为此,我尝试了以下方法:
我基本上是posts
在所有帖子上运行初始循环,不包括带有video
. 然后,当遇到第三项时,我正在运行一个嵌套循环以从视频帖子中获取数据。但是,由于它是一个嵌套循环,它会在一个循环迭代中显示所有视频帖子。例如,如果我有两个带有 标记的帖子video
,在一次迭代中,它将显示这两个视频帖子。
只是想就我在这里应用的逻辑寻求建议,以及实现这一目标的最佳方法是什么?
svg - 是否可以替换 HubSpot 代码库中的社交媒体图标?
我是这个平台和语法的新手。我们的主题中有自定义社交媒体图标。例子:
我想在这里替换社交共享模块中使用的默认图标。可能吗?
我知道有一种方法可以替换模块检查器中的社交媒体图标,但它只需要 pngs。
hubspot-crm - 如何使用 HubL 从 HubDB 表中的日期列中获取已排序的行
我雇了一个人来编写一些HubL逻辑,用于从HubDB 表中获取已排序的行。该代码有效。对hubdb_table_rows的调用返回按“webinar_order”排序的结果,其中包含整数值。
我在同一个 HubDB 表中有另一列“webinar_date”,它是一个(单击并选择)日期字段。我想更新逻辑,以便按日期排序返回行;最终下降(最近的第一个)。
但是,当我将“orderBy= webinar_order &limit=50”中的列名更改为“orderBy= webinar_date &limit=50”时,它只会返回我在表中看到的行。我也查看了过滤器选项,但没有看到任何有用的信息。
当前 - 工作
更新 - 不工作
我是否缺少某些日期类型特有的东西?是否有可能我没有正确引用网络研讨会日期列?(我不确定如何获取标签/变量名称,并假设它们与列名相同,空格替换为下划线,就像“网络研讨会订单”的情况一样
我查看了HubDB 论坛中的用例和建议,但无法获得任何解决问题的见解。
javascript - 将 fetch() 中的数据过滤到匹配的容器中
我正在使用fetch()
创建一个从匹配的section
列表中提取和排序列表。greenhouse api
container
我有一个预定义的列表departments
,我已将其存储在departments
数组中。如果某个fetched
项目的值与该data-dept
值相似,则将在该值html
下添加该值container
。
这是一个示例,数组中的一项是“Sales”。一旦fetch()
完成,可能会发生两件事:
- 存在“销售”的工作
department
,在这种情况下,它将附加到data-dept="sales"
. 注意:在我的代码中,我data-dept^=
用来查找相似的名称。如果“销售我们”在 api 中退出,那么我也希望将其附加到[data-dept="sales"]
. department
“销售”不存在任何工作。在这种情况下,如果“[data-dept="sales"]` 没有子元素,请将其隐藏,因为显示没有列表的部门是没有意义的。
目前的问题:
- 您可以通过访问API URL看到具有“销售”“部门”的工作确实存在,但它们没有附加到我的
data-dept="sales"
div
(它没有子元素)。 array
任何与需要追加的部门不相似的职位data-dept="other"
,但此部分也是空的。例如,您的 api 为“建筑师”的“部门”提供工作。此选项不在数组中,因此需要将这些作业附加到data-dept="other"
.
代码:
如果有帮助,这是我尝试实现的布局的视觉指南: