首页上的分类/标签面包屑出现故障

您好,我在 Foundation 上遇到了一个相当烦人的错误,当我第一次连接到我的网站时,我可以看到类别/标签面包屑,就像这样:

image以及一个很长的“创建新主题”按钮

但是当我刷新页面时,它会变成这样:

只剩下“Latest”按钮和一个用于创建新主题的主题图片按钮(没有很长的“创建新主题”按钮)

请注意,这些不是我的截图。

  • 即使是全新的 Foundation 实例也会发生这种情况
  • 看起来没有组件/插件在干扰它

检查“有问题的”页面时,我可以看到以下内容:


  <ol class="category-breadcrumb hidden">
  <!--
      <li>
        <details id="ember8" class="select-kit single-select combobox combo-box category-drop ember-view category-breadcrumb__category-selector">    <summary aria-label="Filter by: Categories" name="Filter by: Categories" data-name="Categories" data-value="" tabindex="0" role="listbox" id="ember8-header" class="select-kit-header single-select-header combo-box-header category-drop-header ember-view"><div class="select-kit-header-wrapper">
      <div title="Categories" data-name="Categories" class="select-kit-selected-name selected-name choice">
<!--
-->
<!--
-->
    <span class="name">
      Categories
    </span>

<!--
-->  </div>


  <svg class="fa d-icon d-icon-angle-right svg-icon fa-width-auto angle-icon svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#angle-right">
    </use></svg>
</div></summary>

  <div id="ember8-body" class="select-kit-body ember-view" style="position: absolute; width: 370px; top: 0px; left: 0px; transform: translate(10px, 3px);"><!--
--></div>
</details>
      </li>

      <li>
        <details id="ember10" class="select-kit single-select combobox combo-box tag-drop tag_all ember-view">    <summary aria-label="Filter by: Tags" name="Filter by: Tags" data-name="Tags" data-value="" tabindex="0" role="listbox" id="ember10-header" class="select-kit-header single-select-header combo-box-header tag-drop-header ember-view"><div class="select-kit-header-wrapper">
      <div title="Tags" data-name="Tags" class="select-kit-selected-name selected-name choice">
<!--
-->
<!--
-->
    <span class="name">
      Tags
    </span>

<!--
-->  </div>


  <svg class="fa d-icon d-icon-angle-right svg-icon fa-width-auto angle-icon svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#angle-right">
    </use></svg>
</div></summary>

  <div id="ember10-body" class="select-kit-body ember-view" style="position: absolute; width: 370px; top: 0px; left: 0px; transform: translate(10px, 3px);"><!--
--></div>
</details>
      </li>

  <!--
-->
</ol>

<!--
-->

  <ul id="navigation-bar" class="nav nav-pills">
    <li>
      <button class="btn no-text fk-d-menu__trigger list-control-toggle-link-trigger" aria-expanded="false" data-identifier="list-control-toggle-link" data-trigger="" type="button" id="ember16">
<!--
--><!--
-->
          <span class="list-control-toggle-link__text">Latest</span>
          <svg class="fa d-icon d-icon-discourse-chevron-expand svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-chevron-expand">
    </use></svg>
        


<!--
-->
      </button>

<!--
-->
    </li>
    <li>
      <!--
-->
    </li>
</ul>

<div class="navigation-controls">
<!--
-->
  <div class="row dismiss-container-top"><!--
--><!--
--></div>

<!--
-->
<!--
-->
<!--
-->
  <!--
-->

    <div class="d-combo-button" role="group" aria-label="New topic and drafts">
  
    <button class="btn no-text btn-icon d-combo-button-button btn-primary" id="create-topic" type="button">
<svg class="fa d-icon d-icon-far-pen-to-square svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#far-pen-to-square">
    </use></svg>  <span aria-hidden="true">
      ​
    </span>
    
  

<!--
-->
</button>


<!--
-->
</div>


  <!--
-->

<!--
-->
<!--
--></div>

<!--
-->
<!--
-->

我不是开发者,但我猜问题可能出在“category-breadcrumb hidden”上?“Category-breadcrumb hidden”在初始加载时(即在“错误”出现之前,在刷新页面之前)不会显示,只有正常的 category-breadcrumb。

谢谢大家。

第二个截图是移动版本。

您在每次刷新后都会出现这种情况吗?它会在两者之间来回切换吗?

并且,这种情况是在移动设备上还是在桌面上出现?

你说的“第一次”看到的是真的吗?因为如果你看到了“新主题”按钮,说明你已经登录了。

你展示的那个没有“创建新主题”按钮的页面是为未登录用户显示的。

也许你应该自己截取一些截图,这样你就能看到真正发生的事情了。

1 个赞

不,它是随机的,但相对持续。我想你可以认为它是“周期性”的。

都有。

我说的是用户登录时的情况

很遗憾,我帖子里的截图就是所有能提供的了,它只是在截图 1 和截图 2 之间来回切换。

附加信息,以防有帮助:

  • 在“站点文本”中编辑了 js.categories.categories_label,将其从 categories 改为 Categories
  • 我正在尝试启用/禁用 Discourse 面包屑链接组件(我之前已启用),看看是否能解决问题。尽管可能性很低。
1 个赞

我们不能简单地阻止“.category-breadcrumb hidden”再次出现吗?

首先尝试在安全模式下进行,这样我们就能看出问题是出在核心部分还是其他地方。

2 个赞

仍然是同样的行为。

这个怎么样?有可能吗?谢谢。

不,看,目前发生的事情完全不清楚。但你说你看到移动版出现在桌面上,那是个更大的问题。正如 Jay 也说的那样,你那张登出状态的截图并不能很好地帮助我们确定问题所在。

我认为有必要进行屏幕录制,以便更好地了解你的体验。请同时检查一下控制台。

2 个赞

导航栏(通常有“所有分类”/“标签”或“最新”的地方)出错了。

有时导航栏会显示如下(通常在首次登录时):

image(这是我想要的)

但是当我开始浏览我自托管的 Discourse 实例并刷新页面(多次)时,导航栏突然变成了这样,“最新”:

第二个截图中唯一重要的是“最新”即导航栏,它完全改变了并删除了“所有分类/标签”按钮,请不要关注截图中任何其他内容,因为它是一个完全随机的截图。

谢谢。

您是在访问 /categories 时才获得想要的“核心”内容,而在其他时间则不会吗?也许有些用户已将他们的主页更改为 /categories 或以其他方式看到了不同的视图。

我相当确定您描述的就是这种情况。当您在 /latest 时,您看到的就是您图片中的内容,而当您在分类页面时,您会看到另一个视图。

如果您的网站不需要登录,分享您的网址可能会有帮助。

很遗憾,我不这么认为。所有错误“周期”都显示在正常的“Site.com”上(我的着陆页是 site.com,在 Latest 下,但没有 site.com/latest)