jQuery Spin插件什么都不做

我正在使用jQuery Spin Plugin在ajax调用期间显示微调框。我已经在示例中设置了一切，但是当我尝试初始化微调器时没有任何反应。jQuery Spin插件什么都不做

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

来源

2016-12-30 zero01alpha

为什么你的脚本标记在你的头部？尝试在'body'之后移动它。另外，根据文档，看起来您可能需要调用'.spin（）'来初始化插件？它没有明确地在他们的文档中说过，但它可能是原因，通常插件确实有某种需要的init方法。 – jdmdevdotnet