javascript - Firefox/Javascript 不显示图像 - Joomla

Question

我自定义了内容模块，文章的标题在正文之前显示一张图片，并且正文用两种颜色显示!!

相关部分代码如下:

<h2 class="title">
  <?php if ($params->get('link_titles') && !empty($this->item->readmore_link)) : ?>
<a href="<?php echo $this->item->readmore_link; ?>">
    <span class="image-title2">&nbsp;</span>
    <?php 
    $titles = explode(" ",$this->item->title);

        for ($i=0; $i<count($titles)-1; $i++){
            echo '<span style="float:left;padding-left:7px;color:#303030;">'.$this->escape($titles[$i]).'</span>';

        }?> 
        <span style="color:#06cfef;float:left;padding-left:7px;"><?php echo $this->escape($titles[$i]);?></span></a>
        <div class="clear"></div>
<?php else : ?>
    <div><span class="image-title"></span>
    <?php
        $titles = explode(" ",$this->item->title);
        for ($i=0; $i<count($titles)-1; $i++){
            echo '<div style="float:left;padding-left:7px;">'.$this->escape($titles[$i]).'</div>';

        }?> 
        <div style="color:#06cfef;float:left;padding-left:7px;"><?php echo $this->escape($titles[$i]);?></div></div>
        <div style="clear:both;"></div>
<?php endif; ?>

在 IE 和 Google Chrome 中，一切都按需要显示(除了 ie，它有一些定位问题，但我现在不关注那个)

在 firefox 中，我可以看到内容正确加载，但就在页面加载完成之前图像消失了...我在 FF 中禁用了 javascript，所有内容都正确显示，但我就是不明白为什么!!

你可以看看这个网址:http://sostudent.com/joomla/

有人可以帮忙吗？？

Answer 1

我很确定这是由 gantry-buildspans.js 引起的。

似乎需要此脚本来使标题 h1-h3 的文本颜色不同。在执行此操作时，它会用新的 span 替换标题的内容，并且 span.image-title2 将被丢弃。

因为你不需要这个脚本，因为你已经在上面的代码中自己做了这个，你可以删除这个脚本。