Jquery BlockUI 元素阻塞答案

【问题标题】：Jquery BlockUI element blockingJquery BlockUI 元素阻塞
【发布时间】：2014-10-07 21:40:57
【问题描述】：

我正在尝试阻止页面的某些部分。我正在关注http://jquery.malsup.com/block/#element 教程，但我无法映射元素。

我的js：

 $('div.repoDisplay').blockUI({ message: '' ,overlayCSS: { backgroundColor: '#fff'   }});

我的html：

  <div class="container-sc" style="display: table;">
   <div id='repoDisplay' >
    <div style="display: table-cell;width:150px">
     \\\\\\\\\\\
      </div>
   </div>


   <div style="display: table-cell;padding:10px;width:85%"">
   {{outlet}}             
   </div>

</div>

但它显示未捕获的类型错误：在我的 js 中未定义。

感谢您的帮助

【问题讨论】：

标签： javascript jquery blockui

【解决方案1】：

$.blockUI() 用于阻止整个页面，如果要阻止元素部分，则仅使用block() 函数，并且使用正确的<selector> repoDisplay 是id，因此您需要与# 一起使用，请参阅下面的代码

$('div#repoDisplay').block({
    message: '' ,
    overlayCSS: { backgroundColor: '#fff'   }
 });

FIDDLE Demo

【讨论】：

谢谢老兄.. 错过了检查第一块...现在工作正常