Twitter引導和JavaScript警報問題？

Question

我想檢查瀏覽器中的mozGetUsermedia，如果它沒有返回警報。

我正在使用Twitter引導警報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

你需要既然你使用jQuery

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

默認

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

隱藏它0

演示：Fiddle