错别字3:1页面上的2个新闻插件混淆了



我有一个由 2 个新闻插件组成的页面(扩展键 = "新闻",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是正确的(如您的代码所示(,则显示可能会受到以下两件事的影响:

  • .CSS
  • 爪哇语
  • 无效的网页

CSS 可能出现的问题可能由浮动(或位置(引起,这些浮点数(或位置(在 HTML 中显示内容的顺序不正确。

使用 Javascript,您可以修改构建 DOM,以便元素以不同于原始给定的顺序进行定位。

浏览器尝试修复损坏的 HTML,这可能会导致元素彼此装箱而不是行。

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

CSS调整可以在检查每个元素的CSS属性中找到。

相关内容

  • 没有找到相关文章

最新更新