私はjQuery Spin Pluginを使用して、ajax呼び出し中にスピナーを表示しています。私は例のようにすべてを設定していますが、スピナーを初期化しようとすると何も起こりません。jQueryスピンプラグインは何もしません
<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);
}
});
});
});
ヘッダーにスクリプトタグが表示されるのはなぜですか? 'body'の後に移動してみてください。また、ドキュメントごとに、 '.spin()'を呼び出してプラグインを初期化する必要があるようです。明示的にはドキュメント上には述べられていませんが、それが原因である可能性があります。通常、プラグインには必要なinitメソッドがあります。 – jdmdevdotnet