Question

我知道这是一个多么重要的问题。上周五，这个确切的脚本适用于所有相关页面：

$('.textBoxes img').bind('showText',function(e) {
  $(this).fadeIn(1100,function(){
    // this is the callback after the fadein
    // here we want to wait (use a timeout)
    var next = $(this).next();
    if (next.length)
      setTimeout(function() {
        // before the next text is shown
        next.trigger("showText");
      }, 2500);
  })
}).eq(0).trigger('showText');

示例html有效：

<div class="textBoxes">
<img src="/sites/all/themes/hr_microsite/images/sma-philo-copy-1.png" alt="" class="smaPhiloCopy1">
<img src="/sites/all/themes/hr_microsite/images/sma-philo-copy-2.png" alt="" class="smaPhiloCopy2">
</div>

...以及最初隐藏文字的CSS：

.smaPhiloCopy1, .smaPhiloCopy2, .historyCopy1, .historyCopy2, .historyCopy3, .natureCopy1, .natureCopy2, .homesCopy1, .homesCopy2, .homesCopy3, .stayingPowerText1, .stayingPowerText2, .stayingPowerText3, .ourStandardsCopy1, .ourStandardsCopy2, .ourStandardsCopy3, .organizationText1, .organizationText2, .cityCopy1, .cityCopy2, .cultureCopy1, .cultureCopy2, .cultureCopy3, {
display:none;
}

所有图像都是png w / transparent，绝对位于父div中。

所以我有多个页面，包含该类的div和各种图像。脚本应该在每个图形中淡出，一次一个，并在每个图像之间延迟。

今天早上我来了，打了一个网址，现在所有图片都在屏幕上。没有任何褪色。任何浏览器都没有错误。

在firebug中，我在控制台中运行它，它在页面加载时都能正常工作：

$('.textBoxes img').css('display','none');

$('.textBoxes img').bind('showText',function(e) {
  $(this).fadeIn(1100,function(){
    // this is the callback after the fadein
    // here we want to wait (use a timeout)
    var next = $(this).next();
    if (next.length)
      setTimeout(function() {
        // before the next text is shown
        next.trigger("showText");
      }, 2500);
  })
}).eq(0).trigger('showText');

我已经清除了Drupal和浏览器中的缓存，但我不明白为什么这不起作用。我没有对html，css或jquery文件或图像进行任何更改。很奇怪？

EXTRA SERVER注意：不是这应该意味着什么，但服务器本身不同步所以我的文件有一周前的日期，虽然它们在我上传时会被替换，并且，在Firebug中我可以检查脚本和css并看到上传的最新文件。以防有人知道其他事情。

Answer 1

为了使其正常工作，您需要在CSS行开头,之前删除尾随{：

.smaPhiloCopy1, .smaPhiloCopy2, .historyCopy1, .historyCopy2, .historyCopy3, .natureCopy1, .natureCopy2, .homesCopy1, .homesCopy2, .homesCopy3, .stayingPowerText1, .stayingPowerText2, .stayingPowerText3, .ourStandardsCopy1, .ourStandardsCopy2, .ourStandardsCopy3, .organizationText1, .organizationText2, .cityCopy1, .cityCopy2, .cultureCopy1, .cultureCopy2, .cultureCopy3, {
    display:none;
 }

更改为

.smaPhiloCopy1, .smaPhiloCopy2, .historyCopy1, .historyCopy2, .historyCopy3, .natureCopy1, .natureCopy2, .homesCopy1, .homesCopy2, .homesCopy3, .stayingPowerText1, .stayingPowerText2, .stayingPowerText3, .ourStandardsCopy1, .ourStandardsCopy2, .ourStandardsCopy3, .organizationText1, .organizationText2, .cityCopy1, .cityCopy2, .cultureCopy1, .cultureCopy2, .cultureCopy3 {
    display:none;
}

（我删除了{之前的尾随逗号，这使得CSS无效。）

以前的Jquery工作;没有变化现在它没有

1 个答案: