2013-08-05 50 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!一個錯字!哇,那是其他眼睛的目的。再次感謝。 –

相關問題