Twitter-Bootstrap-3 Jumbotron-摆脱Jumbotron的用户交互

Twitter-Bootstrap-3 Jumbotron-摆脱Jumbotron的用户交互,twitter-bootstrap-3,Twitter Bootstrap 3,在我的bootstrap网站上,我希望用户能够点击一个巨型机器人,让它消失。例如,可能有一个被点击的箭头图示符,它会将其从页面中删除。这是否可以通过javascript实现 谢谢,迈克尔。这是一个例子。您总是可以使用Jquery Hide函数来隐藏一个div,这就是Jumbotron最终的结果 HTML: 这里有一个例子。您总是可以使用Jquery Hide函数来隐藏一个div,这就是Jumbotron最终的结果 HTML: 你能把那辆巨型货车藏起来吗 document.getElement

在我的bootstrap网站上,我希望用户能够点击一个巨型机器人,让它消失。例如,可能有一个被点击的箭头图示符,它会将其从页面中删除。这是否可以通过javascript实现


谢谢,迈克尔。

这是一个例子。您总是可以使用Jquery Hide函数来隐藏一个div,这就是Jumbotron最终的结果

HTML:


这里有一个例子。您总是可以使用Jquery Hide函数来隐藏一个div,这就是Jumbotron最终的结果

HTML:


你能把那辆巨型货车藏起来吗

document.getElementById('.jumbotron').style.display='none'


或者jquery$('.jumbotron').hide()?

您可以只隐藏jumbotron吗

document.getElementById('.jumbotron').style.display='none'

或者jquery$('.jumbotron').hide()

  <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>
$(document).ready(function(){
  $("#jmbTrn").click(function(e){
    $(this).hide();
  });
});