Bootstrap3 javascript隱藏/顯示錯誤消息

我有一個Bootstrap 3的問題。我想在JavaScript中檢測到錯誤時顯示DIV。控件似乎沒問題，但DIV不顯示。感謝的提前Bootstrap3 javascript隱藏/顯示錯誤消息

的html代碼：

<div class="alert1 alert-danger hidden">You have to ... !</div>

javascript代碼：

<script type="text/javascript"> 
    $(function(){ 
    $("#form1").on("submit", function(){ 
     if($("#dossier_pro_numero_rue").val().length < 1){ 
     $("div.control-group").addClass("alert-danger"); 
     $("div.alert1").show("slow").delay(3000).hide("slow"); 
     return false;} 
    }); 
    }); 
</script>

編輯：

但最後，我的問題是引導（3.1）和jQuery之間的衝突。

如果我把我的頭頁這一行：

<script src="jquery-2.1.0.min.js"></script>

它的確定

，但如果我把也是這一行：

<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">

這是錯的我的錯誤信息不顯示

與Bootstrap版本2.x相同的代碼是可以的。

您可以測試... http://jsbin.com/siwik/1/edit?html,css,output

這是確定的，但如果添加庫引導最新的優化版本，它不運行

你知道爲什麼嗎？

編輯：

我已經找到了解決辦法，這是非常簡單和邏輯：

你不把 '隱藏'：

<div class="alert1 alert-danger">You have to ... !</div>

來源

2014-02-12 user3270266

只需使用.alert1代替div.alert1

$(".alert1").show("slow").delay(3000).hide("slow");

或id屬性選擇器用於調用DOM元素。

來源

2014-02-12 09:51:31

$("#form1").on("submit", function(e){ 
     if($("#dossier_pro_numero_rue").val().length < 1){ 
      e.preventDefault(); 
      $("div.control-group").addClass("alert-danger"); 
      $("div.alert1").show("slow").delay(3000).hide("slow"); 
     } 
});

JS小提琴：http://jsfiddle.net/Vb8j8/

來源

2014-02-12 09:55:26

Bootstrap3 javascript隱藏/顯示錯誤消息

回答

相關問題