顯示淡入淡出效果後標籤的內容

在我的頁面中有一些標籤，我想通過給出淡入淡出效果來顯示標籤的內容。爲了做到這一點，我需要在淡入淡出功能之後，具有類名爲sectionContent的tab div作爲style =「display：block」。但是，當我從螢火蟲看它們時，它顯示爲例如：顯示淡入淡出效果後標籤的內容

<div id="lesson-grammar" class="sectionContent" style="">

所以這個標籤沒有顯示。我怎樣才能做到這一點？非常感謝。

new Ajax.Request(ajaxUrl, 
    { 
    method:'post', 
    onSuccess: function(data){   
     var tmp=data.responseText; 
     $$('.exercise-main .content').invoke('insert',tmp); 
     $$('.exercise-main .sectionContent').invoke('setStyle','display:none'); 

     $('lesson-'+tab).fade({ 
      from:0, 
      to:1, 
      afterFinish: function(){ 
       //do the job          
      } 
     }); 

    } 
}); 

<div class="exercise-main"> 
    <div class="content"> 
    <div id="lesson-discussion" class="sectionContent"> 
    ... 
    </div> 
    <div id="lesson-grammar" class="sectionContent"> 
    ... 
    </div> 
    <div id="lesson-dialogue" class="sectionContent"> 
    ... 
    </div> 
    </div> 
</div>

來源

2012-06-01 user1425871

讓我首先從你的代碼和你的解釋中理解你的問題。

你想實現的是在ajax響應到達後隱藏所有的標籤頁，將響應插入到一個新的標籤頁中，然後用淡入淡出來顯示它？

如果這是你的願望，那麼你可能有一個選擇器問題。您正在使用$$選擇器除了一個地方：

$('lesson-'+tab).fade({...

我認爲這是問題所在。你的Firefox/Chrome控制檯顯示任何問題嗎？如果您嘗試運行此操作，該怎麼辦：

$('lesson-'+tab)

會發生什麼？你看到正確的HTML元素登錄到控制檯嗎？

試試這些，然後讓我知道結果，我會盡力幫助。

來源

2012-06-01 14:50:49

是的，我想要這個。爲了在淡入淡出效果後顯示div，螢火蟲顯示style =「」但要顯示它應該是style =「display：block」。 alert（$（'lesson - '+ tab））顯示[對象HTMLDivElement] – user1425871

你是否有這個代碼在線的地方？我可以在哪裏查看？ –

您可以通過以下鏈接查看：http://www.dilyurdu.com/test – user1425871

我相信你的風格聲明不是正確的語法。試試這個：

$$('.exercise-main .sectionContent').invoke('setStyle',{display: "none"});

來源

2012-06-01 14:33:12

我已經試過但沒有變化 – user1425871

顯示淡入淡出效果後標籤的內容

回答

相關問題