Question

我只是想知道是否有人可以使用某种覆盖方式向我展示在jquery / javascript中在面板上显示某些文本的最佳方式。

我想禁用面板中的所有内容，然后显示一个很大的＆＃39;已取消＆＃39;中间居中。

现在我只有一个常规的自举面板，如jsfiddle

这是我到目前为止的一些代码

＆＃13;

$(".panel").addClass('.disabledbutton');

＆＃13;

.disabledbutton {
  pointer-events: none;
  opacity: 0.4;
}

＆＃13;

<div class="container">

  <div class="panel panel-default">
    <div class="panel-heading">
      Panel title
    </div>
    <div class="panel-body">
      Panel content
    </div>
    
  </div>

</div>

＆＃13;

Answer 1

如果我理解正确，最简单的方法就是，在面板中放入另一个div并取消写入，然后默认隐藏它，然后在你希望它取消写入时显示它所以< / p>

HTML

<div class="panel-body">
   <p>Panel content</p>
   <div class="panel-body_cancelled">
       <h1>CANCELLED</h1>
   </div>
</div>

然后在你的CSS中

.panel-body_cancelled{
    display: none;
}

.panel-body_cancelled_active{
    display: block;
    z-index: 10000;
}

然后在你的jQuery中说你想用点击事件激活被取消的div

$('.yourbutton').click(function(){
    $(.panel-body_cancelled).toggleClass('panel-body_cancelled_active');
})

如何在引导面板上创建文本覆盖

1 个答案: