Twitter-Bootstrap-3 Jumbotron - Jumbotronを取り除くためのユーザーの対話

StackOverflow https://stackoverflow.com//questions/25002779

  •  20-12-2019
  •  | 
  •  

質問

私のブートストラップのウェブサイトでは、ユーザーが消えるようにJumbotronをクリックすることができるようにしたいです。たとえば、クリックされる矢印グリフが表示され、それはそれをページから削除します。とにかくこれはJavaScriptを通して実装される可能性がありますか？

感謝、マイケル

役に立ちましたか？

解決

ここは例です。JQUERY HIDE機能を使用して、Jumbotronが終了するものであるDIVを隠すことができます。

http://www.bootply.com/jo6xctmf55

HTML：

  <div id="jmbTrn" class="jumbotron">
    <h1>Hello, world!</h1>
    <p>...</p>
    <p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
  </div>
.

jQuery：

$(document).ready(function(){
  $("#jmbTrn").click(function(e){
    $(this).hide();
  });
});
.

他のヒント

Jumbotron

を隠すことができます

document.getElementByID（ '。Jumbotron'）。style.display= 'none';

またはjQuery $（ '。Jumbotron'）。非表示（）？

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top