Question

我正在使用以下AJAX将一些帖子内容拉入灯箱。一切都很好，但有点慢。任何人都可以给我一些指针，在下面的代码中添加一个加载器图标吗？

谢谢！

            jQuery(document).ready(function ($) {

                $(".getpostidlink").unbind('click');

                $(".getpostidlink").mouseover(function (event) {
                    $(".getpostidlink").unbind('click');
                    var postlinkid = $(this).data("postid");
                    var data = {
                        action: 'getpostidhref_action',
                        security: getpostidhref.security,
                        postdata: postlinkid,
                        complete: function () {
                            $(".getpostidlink").unbind('click');
                        }
                    };
                    $.post(getpostidhref.ajaxurl, data, function (response) {
                        $(".getpostidlink").colorbox({
                            inline: true,
                            width: "90%",
                            maxWidth: 800,
                            open: false,
                            onClosed: function () {
                                window.location.reload();
                            }
                        })
                        $("div.dynamicloadcontent").replaceWith(response);
                    });
                });
            });

Answer 1

如果你检查ajax方法的jQuery文档，你可以在这里提供几个参数来帮助。

具体来说，您可以使用beforeSend和complete来显示和隐藏ajax完成之前和之后的加载图标。

有关详细信息，请参阅此处：

http://api.jquery.com/jquery.ajax/

AJAX加载图标

1 个答案: