2013-04-04 50 views
0

在Joomla网站我正在使用此代码加载使用Ajax的网页:在index.php这个jQuery的AJAX负荷和淡入的Joomla

jQuery(document).ready(function(){ 

jQuery("#<?php echo $item->alias; ?>").click(function(){ 

    jQuery('#interno').fadeOut(500, function ck_load(){ 

    jQuery('#principale').load('<?php echo $ck_link; ?> #interno', function ck_fade_in() { 

       jQuery('#interno').fadeIn(3000); 

       }); 

      }); 

    }); 
}); 

是的DIV的结构:

... 
<div id="principale"> 
    <div id="interno"> 
     // Here is loaded the page from the component 
    </div> 
</div> 

它工作并加载淡出容器div(#interno)后的页面;但最终的回调函数不生效(fadeIn)和页面加载没有任何淡入效果......你能帮我弄清楚这一点吗?

+1

'jQuery(document).ready(function($){'然后使用'''而不是'jQuery'。 – 2013-04-04 16:59:32

+0

仍然不能正常工作...问题应该在其他地方... – 2013-04-04 19:45:05

回答

0

你通过一个函数变量作为回调函数参数.load

你应该通过这样的功能:

jQuery('#principale').load('<?php echo $ck_link; ?> #interno', function() { 

    jQuery('#interno').fadeIn(3000); 

}); 

来源(S)

jQuery API - .load()

+0

完成你说的,但没有任何变化... – 2013-04-04 18:48:41

+0

这是不可能的,使fadein正常工作,但我已经解决了动画不透明的问题,通过这种方式: jQuery('#principale')。animate({opacity:0.1},500).load('<?php echo $ ck_link; ?> #interno')。animate({opacity:1},500); – 2013-04-04 21:42:44