jquery - 如何在 jquery 和 css 中使 div 层不可选择

Question

我有一个 div 元素如下:

 <div id="wrapper">Content......</div>

我正在从 ajax 调用中获取此 div 层的内容。我想要做的是我想让那个 div 不可点击、不可选择、可见性降低，并在那个 div 的顶部显示一个加载图像。我怎样才能做到这一点？任何建议

Answer 1

CSS 就是您所需要的。

user-select: none;
-moz-user-select: none;
-khtml-user-select: none;

对于中心 div 上方的加载图像:

CSS:

#loading_spinner {
  position:absolute;
  width:20px;
  height:20px;
  background:url('image/path');
  display:none;
  z-index: 1000;
}

jQuery:

var target = $('#target'); // or this

$('body').append('<div id="loading"></div>');
$('#loading').css({
  left: ($(target).offset().left + $(target).outerWidth()/2) - ($(this).outerWidth()/2),
  top: ($(target).offset().top + $(target).outerHeight()/2) - ($(this).outerHeight()/2),
  display: 'block'
});