Question

我正在使用jQuery Spin Plugin在ajax调用期间显示一个微调器。我在示例中设置了所有内容，但在尝试初始化微调器时没有任何反应。

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.spin.js" type="text/javascript"></script>
<link href="stylesheets/jquery.spin.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div id="spinner" data-spin></div>
    <select id="mySelect">...</select>
    <select id="code">...</select>
    <div id="person"></div>
</body>

$(function() {
$(document)
    .ajaxStart(function() {
        $("#spinner").spin("show");

    })
    .ajaxStop(function() {
        $("#spinner").spin("hide");
    });

$("#mySelect").change(function() {
    $.ajax({
        url: "ajax-refresh",
        data: {
            code: $("#code option:selected").val(),
        },
        success: function(resp) {
            $("#person").html(resp);
        }
    });
});
});

Answer 1

引用链接中显示的说明包括这些命令。

在使用'show'和'hide'进行后续调用之前，似乎可能需要首先调用.spin函数而不使用参数。

jQuery Spin插件什么都不做

1 个答案: