Basit Bir Confirm Dialog Örneği

jquery-confirm kütüphanesini kullanarak basit bir confirm dialog gösterebilirsin. Bu kütüphane bootstarp'ı kullanmasından dolayı mobil cihazlarda da düzgün çalışmaktadır. Örnek bir sayfa aşağıdaki gibidir:

<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/jquery-confirm2/dist/jquery-confirm.min.js"></script>



	

<script type="text/javascript">
$('#submitButton').on('click', function () {
    $.confirm({
        title: 'Confirm!',
        content: 'Simple confirm!',
        confirm: function () {
            alert('Confirmed!');
        },
        cancel: function () {
            alert('Canceled!')
        }
    });
});
</script>

Yukarıdaki örnekte gerekli script ve css dosyalarının bower_components klasörü altında olduğuna dikkat ediniz. jquery-confirm kütüphanesini bower ile de kurabilirsiniz. Eğer bower kullanmıyorsanız jquery-confirm'in örnek projesini sitesinden indirip yukarıdaki dosyaları projenize ekleyebilirsiniz.