2013-04-04 38 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