2015-10-07 5 views
0

Я не получаю сладкое предупреждение, и я думаю, что это имеет какое-то отношение к синтаксису. Может кто-нибудь показать мне, что я должен делатьСинтаксис Sweet Alert

<!DOCTYPE html> 
<html> 
<head> 
    <title>Testing</title> 
    <script src="dist/sweetalert.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="dist/sweetalert.css"> 
</head> 
<body> 
<script> 
    swal({ 
    title: 'Confirm', 
    text: 'Are you sure to delete this message?', 
    type: 'warning', 
    showCancelButton: true, 
    confirmButtonText: 'Yes, sir', 
    cancelButtonText: 'Not at all' 
}); 
</script> 
</body> 
</html> 
+0

вы можете проверить в консоли разработчика какой-либо ошибки? –

+0

также в консоли есть swal как глобальный? – markyph

+0

i скопирован и вставлен, поэтому я сомневаюсь, что есть ошибка – 987654321

ответ

3

Добавить кнопку в html и вызвать событие onclick.

например. с использованием стандартных queryselectors

document.querySelector('button#test-1').onclick = function(){ 
 
    swal({ 
 
    title: 'Confirm', 
 
    text: 'Are you sure to delete this message?', 
 
    type: 'warning', 
 
    showCancelButton: true, 
 
    confirmButtonText: 'Yes, sir', 
 
    cancelButtonText: 'Not at all' 
 
    }); 
 
};
<link href="http://t4t5.github.io/sweetalert/dist/sweetalert.css" rel="stylesheet"/> 
 
<script src="http://t4t5.github.io/sweetalert/dist/sweetalert.min.js"></script> 
 
<button id="test-1">Show alert</button>

+0

Я добавил фрагмент к вашему ответу для лучшего использования. – Dwza

+0

спасибо @Dwza - запомните это сделать в будущем - большое SO позволяет это сейчас. – markyph

Смежные вопросы