Question

在我的bootstrap网站中，我希望用户能够点击一个jumbotron使其消失。例如，可能会有一个点击的箭头字形，它将从页面中删除它。无论如何这可以通过javascript实现吗？

谢谢，迈克尔。

Answer 1

这是一个例子。你总是可以使用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();
  });
});

Answer 2

你能隐藏jumbotron

吗？

document.getElementById（＆＃39; .jumbotron＆＃39;）。style.display =＆＃39; none＆＃39;;

或jquery $（＆＃39; .jumbotron＆＃39;）。hide（）？

Twitter-Bootstrap-3 Jumbotron - 用户互动摆脱jumbotron

2 个答案: