javascript - Twitter Bootstrap 和 Javascript 警报问题？

Question

我想在浏览器中检查 mozGetUsermedia，如果不存在则返回警报。

我正在使用 Twitter bootstrap Alert JS 来获得效果，并使用 JS 代码来检查条件。但我的 DOM 似乎已损坏，即使条件为假，也会显示消息。

HTML 代码

   <div id="gum" >
     <div class="alert alert-block alert-error fade in">
       <button type="button" class="close" data-dismiss="alert">&times</button>
       <h4 class="alert-heading">mozGetUserMedia is missing</h4>
       <p>Do you have the latest<a href="http://nightly.mozilla.org/">Nightly</a> and set
          <i>media.navigator.enabled</i> to true?
       </p>
     </div>
   </div>

JS代码

    if (!navigator.mozGetUserMedia) {
    document.getElementById("gum").style.display = "block";}

Answer 1

你需要默认隐藏它

<div id="gum" class="hide">

由于您使用的是 jQuery

$(function(){
    if (!navigator.mozGetUserMedia) {
        $("#gum").show();
    }
});

演示：小提琴