Question

我正在使用Kriesi的Enfold主题，Avia布局构建器，＆＃39; tab＆＃39;在Avia布局构建器中设置，插件＆＃39;终极常见问题解答＆＃39;以及该插件的短代码，以便浏览不同类别的常见问题解答。

在我的第一个标签中，我有以下代码：

<span class="ewd-ufaq-expand-all"><span class="ewd-ufaq-toggle-all-symbol">c</span> Expand All</span>
<span class="ewd-ufaq-collapse-all ewd-ufaq-hidden"><span class="ewd-ufaq-toggle-all-symbol">C</span> Collapse All</span>
[select-faq faq_id='6486']
[ultimate-faqs include_category='a-to-c']
[ultimate-faqs include_category='d-to-h']
[ultimate-faqs include_category='i-to-n']
[ultimate-faqs include_category='o-to-v']
[ultimate-faqs include_category='w-to-z']

<span>内容是来自常见问题解答创建者的代码，用于扩展/折叠所有常见问题解答答案。 Here is my page，如果您使用页面检查器，则会在展开/折叠控件和常见问题解答之间显示两个<br>。

但我没有把<br>放在那里。我不知道他们来自哪里。

Answer 1

我猜这是一个Wordpress问题。

默认情况下，Wordpress会将<br>标记注入到新行发生的内容中。它旨在帮助内容编写者。你不会在文本编辑器中看到它，因为它是通过“过滤器”在幕后添加的。

不幸的是，你要解决问题的唯一方法是在主题文件中编写PHP或JS代码。 HTML和CSS在这里不起作用。有一个问题是使用过滤器here处理此问题。

编辑：您可以尝试删除元素之间的任何空格以停止注入标签，即

<span class="ewd-ufaq-expand-all"><span class="ewd-ufaq-toggle-all-symbol">c</span> Expand All</span><span class="ewd-ufaq-collapse-all ewd-ufaq-hidden"><span class="ewd-ufaq-toggle-all-symbol">C</span> Collapse All</span>[select-faq faq_id='6486']
[ultimate-faqs include_category='a-to-c']
[ultimate-faqs include_category='d-to-h']
[ultimate-faqs-include_category='i-to-n']
[ultimate-faqs include_category='o-to-v']
[ultimate-faqs include_category='w-to-z']

这在很大程度上取决于编辑器如何工作，但没有承诺。

Answer 2

这可以通过控制台运行。尝试在body元素结束之前将其放在脚本标记中。

    jQuery(function() {
        jQuery('span.ewd-ufaq-collapse-all').next('br').remove();
    });

<br/>出现在前端的<span>元素之后，但不在后端。我怎么摆脱它？

2 个答案: