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 Demo

Jquery BlockUI元素阻塞

1 个答案: