jquery - jquery ajax 在 joomla 中加载和淡入淡出

Question

在我的 joomla 站点中，我正在使用此代码使用 Ajax 加载页面：

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);

                });

          });

     });
});

在 index.php 中，这是 DIV 的结构：

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

它在容器 div (#interno) 淡出后工作并加载页面；但是最终的回调函数没有生效（fadeIn）并且页面加载没有任何淡入效果......你能帮我解决这个问题吗？

Answer 1

您已将函数变量作为回调函数参数传递给.load

你应该传递一个这样的函数：

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

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

});

来源

jQuery API - .load()