造型的jQuery alertify-插件

要更改的jQuery的風格alertify插件我做了以下，這裏是頭的一部分，所有的文件都加載（我希望如此），按照正確的順序：造型的jQuery alertify-插件

<head> 
    <meta charset="UTF-8" /> 

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <script type="text/javascript" src="javascript/jquery-2.0.3.min.js"></script> 

    <script type="text/javascript" src="alert/alertify.min.js"></script> 
    <script type="text/javascript" src="javascript/onsubmit.js"></script> 

    <link rel="stylesheet" href="alert/alertify.default.css" /> 
    <link rel="stylesheet" href="alert/alertify.core.css" /> 
    <link rel="stylesheet" href="alert/alertify.bootstrap.css" /> 
    <link rel="stylesheet" href="style/style.css" /> 

</head>

這是onsubmit.js：

$(document).ready(function(){ 
    $("form").submit(function(){ 
    var dump = $("#dump").val(); 
    if(dump) { 
     $.ajax({ 
      url: 'check.php', 
      data: {data: JSON.stringify(dump)}, 
      type: 'POST', 
      dataType: "json", 
      success: function (data) { 
       if(data.result == 1) { 
        alertify.alert(data.error, function() {}, 'popup1'); // the first popup styled 
        return false; 
       } 
       if(data.result == 0) { 
        alertify.alert(data.error, function() {}, 'popup1'); // the second popup styled 
        return false; 
       }   
      } 
     }); 
    } else { 
     alertify.alert("message"); 
     return false; 
    } 

    }); 
});

的style.css：

.alertify.popup1 { 
    background: red; 
} 
.alertify.popup2 { 
    background: blue; 
}

但alert-對於收到的數據框仍然顯示正常並且未被修改。我只是按照他的步驟： How to insert an image into an alertify.js alert with JavaScript?，我的style.css包含在alertify.css之後，所以任何人都可以幫我解決我的問題？問候

來源

2013-12-10 user3080627

您正在加載jquery 1.9.1 AND 2.0.3。你應該刪除其中的一個。這不會是你的問題的原因，雖然.. – Turnip

看看我的答案，我認爲它解決了問題 –

刪除雙jQuery包括。

也許你不設置第三個參數，用於定製UI：

[可選]類（ES）追加到對話框

代碼：

$(document).ready(function() { 
    $('#clicky').on('click', function(event) { 
     event.preventDefault(); 
     alertify.confirm('Are you sure you want to delete this section?', function(e) { 
      if (e) { 
      } 
     },'popup2'); 
    }); 
});

演示：http://jsfiddle.net/kBnPy/

來源

2013-12-10 20:57:54

造型的jQuery alertify-插件

回答

相關問題