PC用のJavaScriptファイルとして、
「https://js.cybozu.com/spinjs/2.3.2/spin.min.js」を追加している前提において
以下ファンクション中の、
// スピナーを作動
new Spinner(opts).spin(document.getElementById(‘kintone-spin’));
の所でエラーとなりスピナーが表示出来ない状態です。
何が原因でスピナーが表示出来ないのかご教示をお願い致します。
以下ファンクションの内容
function showSpinner() {
// 要素作成等初期化処理
if ($(‘.kintone-spinner’).length == 0) {
// スピナー設置用要素と背景要素の作成
var spin_div = $(‘<div id =“kintone-spin” class=“kintone-spinner”></div>’);
var spin_bg_div = $(‘<div id =“kintone-spin-bg” class=“kintone-spinner”></div>’);
// スピナー用要素をbodyにappend
$(document.body).append(spin_div, spin_bg_div);
// スピナー動作に伴うスタイル設定
$(spin_div).css({
‘position’: ‘fixed’,
‘top’: ‘50%’,
‘left’: ‘50%’,
‘z-index’: ‘510’,
‘background-color’: ‘#fff’,
‘padding’: ‘26px’,
‘-moz-border-radius’: ‘4px’,
‘-webkit-border-radius’: ‘4px’,
‘border-radius’: ‘4px’
});
$(spin_bg_div).css({
‘position’: ‘fixed’,
‘top’: ‘0px’,
‘left’: ‘0px’,
‘z-index’: ‘500’,
‘width’: ‘100%’,
‘height’: ‘200%’,
‘background-color’: ‘#000’,
‘opacity’: ‘0.5’,
‘filter’: ‘alpha(opacity=50)’,
‘-ms-filter’: “alpha(opacity=50)”
});
// スピナーに対するオプション設定
var opts = {
‘color’: ‘#000’
};
// スピナーを作動
new Spinner(opts).spin(document.getElementById(‘kintone-spin’));
}
// スピナー始動（表示）
$(‘.kintone-spinner’).show();
}