Question

所以，我知道使用AJAX，可以在加载内容后运行jQuery函数。

如果您可以访问此网页并点击“공지사항＆＃39; http://lifeto.cafe24.com/xe/

尝试点击棋盘上的任何图片，你会发现div滑入。但我想知道在jQuery attr功能完成之后是否可以让div滑动

或者如果不可能，有办法吗？

我已经尝试过使用AJAX，但似乎有一个小故障，所以我更喜欢使用iframe和jQuery动画。

这是JS代码。

jQuery(document).ready(function(){
    jQuery(document).on('click', '.item', function() {
        jQuery('.loader_container_2', parent.document.body).show();
        var url = jQuery(this).data('url');

        jQuery('#iframe_board', parent.document.body).attr('src', url, 200);

        jQuery('#window_frame', parent.document.body).addClass('open animated slideOutLeft');
        setTimeout(function() {
            jQuery('.window_board', parent.document.body).removeClass('animated slideOutLeft');
            jQuery('.window_board', parent.document.body).addClass('open animated slideInLeft');
        }, 400);

        jQuery('.loader_container_2', parent.document.body).hide();

    });
});

Answer 1

jQuery为此目的有一个加载事件处理程序：

jQuery('#iframe_board', parent.document.body).attr('src', url).load(functino() {
//....do your thing....
});

如何在加载内容后运行jQuery函数

1 个答案: