2013-08-05 21 views
0

什么加载的问题,我知道。上周五,这一确切的脚本是工作在所有相关网页:曾经的jquery工作;没有变化,现在它不

$('.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 /透明度,绝对位于父div内。

因此,我有多个网页与该类的div和各种图像。脚本应逐渐消失在每张图片上,一次一张,并在每张图片之间延迟。

我今天早上进来,打了一个网址,现在所有图像都在屏幕上。没有任何消失。任何浏览器都没有错误。

萤火虫,我在控制台中运行这个和它的所有作品,因为它应该在页面加载:

$('.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文件或图像。很奇怪?

附加服务器注意:这并不意味着什么,但服务器本身是不同步的,所以我的文件有一个星期前的日期,虽然它们在我上传时被替换,并且在Firebug中我可以检查脚本和CSS,并看到最新的文件上传。以防万一有人知道其他事情。

+0

有一个链接,我们可以看看? – j08691

+0

http://hr.sharpsma.com/sma/philosophy –

+0

他们不工作,因为他们没有出现,或者他们没有隐藏之前,甚至开始? – putvande

回答

0

为了它的工作,你只需要在你的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无效。)

+0

而且由于您使用的是CSS类,因此您可以通过向需要此行为的所有元素添加一个类,而不是为每个元素创建一个类并维护所有这些元素类的列表,来极大地简化您的CSS。 –

+0

是的。不幸的是,除了本网站之外,还有一个针对其他用途的每个图像的更具描述性的类的请求。我还没有弄清楚为什么我不能使用一个功能,然后添加更多的描述性的! –

+0

感谢Putvande!一个错字!哇,那是其他眼睛的目的。再次感谢。 –

相关问题