【问题标题】:TYPO3: 2 news plugins on 1 page get mixed upTYPO3:1 页上的 2 个新闻插件混淆了
【发布时间】:2018-08-14 14:32:28
【问题描述】:

我有一个包含 2 个新闻插件的页面(扩展键 = "news",typo3 版本 = "6.2.38")。我在后端创建了这两个插件。两个新闻插件都具有与其文章来源相同的文件夹。我已将“类别”分配给源文件夹中的文章。现在第一个插件应该显示“A”类的文章,第二个插件应该显示“B”类的文章。

两个插件均已激活: 如果两个插件都被激活,所有文章(“A”和“B”)都会出现在插件 2 的标题下方。插件 1 仅显示其标题,其下方没有任何文章。

仅激活插件 2: 我只看到预期的“B”类文章。

仅激活插件 1: 我只看到预期的“A”类文章。


编辑:这是生成的 HTML 的结构。 “c1”是第一个插件的内容元素,“c2”是第二个插件的内容元素。

<div id="c1" class="csc-default">
    <div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">Articles of plugin 1:</h2></div>
    <div class="news">
        <div class="news-list-view">
            .
            . one div for each article
            .
        </div>
    </div>
</div>

<div id="c2" class="csc-default">
    <div class="csc-header csc-header-n1"><h2 class="csc-firstHeader">Articles of plugin 2:</h2></div>
    <div class="news">
        <div class="news-list-view">
            .
            . one div for each article
            .
        </div>
    </div>
</div>

看起来一切都井井有条。 但是,我在浏览器中看到的是(按此顺序):1)“插件 1 的文章:”2)“插件 2 的文章:”3)两个插件的所有文章。

【问题讨论】:

  • 当两个插件都处于活动状态时,所有新闻记录都嵌套在一个
    ?
  • 我已经部分剥离了 HTML 代码并将其编辑到我的第一篇文章中,以使这种奇怪的行为更容易理解。
  • 但是如果 HTML 是正确的,那么它既不是新闻也不是 TYPO3。您可以尝试在浏览器中打开代码检查器并删除那里的所有 css 吗?然后你会得到一个带有原始 HTML 的丑陋的白色页面,那么顺序是否正确?那么它是正确的,那么你的 css 有问题。
  • 您的结论是正确的:既不是新闻也不是错字3。在我之前维护该项目的人设置了一些导致这种行为的 javascript。

标签: typo3 tx-news tt-news


【解决方案1】:

如果服务器提供的 HTML 是正确的(如您的代码所示),则显示可能会受到两件事的影响:

  • CSS
  • Javascript
  • 无效的 HTML

浮动(或位置)可能导致 CSS 出现问题,这些浮动(或位置)在 HTML 中显示内容无序。

您可以使用 Javascript 修改构建 DOM,因此元素的定位顺序与最初给定的顺序不同。

浏览器尝试修复损坏的 HTML,这可能会导致元素相互装箱而不是对齐。

可以使用 Firebug 等工具检查所有可能性。将 DOM 代码与原始服务器代码 (CTRL-U) 进行比较。 javascript 或无效的 HTML(例如缺少结束标记)会导致差异。

可以通过检查每个元素的 CSS 来检查 CSS 属性的 CSS 调整。

【讨论】:

  • 你是对的,定位的顺序受到了javascript的某种影响。其他人为我修复了它(创建该网站的他)。不知道他到底改变了什么(也不太好奇),但它不应该与其他用户相关:你可以在同一页面上有 2 个插件,除非你用 javascript 搞砸了,否则一切正常 :)
猜你喜欢
相关资源
最近更新 更多
热门标签