显示淡入淡出效果后标签的内容

在我的页面中有一些标签，我想通过给出淡入淡出效果来显示标签的内容。为了做到这一点，我需要在淡入淡出功能之后，具有类名为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

显示淡入淡出效果后标签的内容

回答

相关问题