问题描述
我想为 Zendesk 中的某些“类别”框添加工具提示,因此当用户悬停在一个框上时,我可以显示包含有关“类别”的更多信息的工具提示。
问题是我正在尝试使用这样的 IF 语句:
{{#if href == '/hc/en-us/categories/360001117812-Cow-Traffic' }}
{{#each categories}}
{{#if ../has_multiple_categories}}
<li class="blocks-item">
<a href='{{url}}' class="blocks-item-link">
{{#if href == 'url_to_compare' }}
<a class="tooltiptext">tooltip_text</a>
{{/if}}
<span class="blocks-item-title">{{name}}</span>
<span class="blocks-item-description">{{excerpt description}}</span>
由于此 IF 位于类别的 {{#if}} 内,因此我只想在本示例中选择一个链接,使用 href 来查看鼠标是否位于框上方。
我已经尝试在 script.js 文件中添加一个 helper 但看起来它不起作用,我记得有一种方法可以使用这个 IF 和 IS 来解决它。 谢谢!
解决方法
我在这方面得到了很多帮助,最后我发现解决这个问题的更好方法是使用 {{#is}} 语句,因此可以使用 {{#is name "Category Name"} } {{/是}}
并且这个选项会在类别名称和你要查找的名称之间做一个比较,如果它的值相等那么你可以在里面做一些事情,如果不是那么你可以在和之间使用 {{else}}在那边做另一件事。
{{#is name "Category Name"}}
<div class="tooltip1">{{name}}<span class="tooltiptext">{{excerpt description}}</span></div>
{{else}}
<span class="blocks-item-title">{{name}}</span>
{{/is}}
我在Zendesk内部使用了“摘录描述”的方式添加tooltip的值,不需要在home_page.hbs代码中手动添加。
我添加了 3 个不同的工具提示,现在工作正常。谢谢大家!