Jquery BlockUI元素阻塞

Question

我试图阻止页面的某些部分.我正在关注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中未定义.

谢谢您的帮助

Answer 1

$.blockUI()用来阻止整个页面,如果你想阻止元素部分然后block()只使用函数,并使用正确的<selector>repoDisplay是id你需要使用的#,见下面的代码

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

FIDDLE演示