Want to confirm a delete but hate the default javascript confirm()? Say hello to jConfirm, the solution to all your woes.
<!-- Includes the CSS --> <link rel="stylesheet" type="text/css" href="jConfirm-v2.css"> <!-- Create buttons --> <a href='#' class="btn btn-lg btn-success jConfirm" role="button" itemType='product' itemId='1'>Demo</a> <a href='http://github.com' class="btn btn-lg btn-primary jConfirmTwo" role="button">Get it on Github</a> <!-- Includes the jQuery and the JS --> <script src='https://code.jquery.com/jquery-2.0.3.min.js'></script> <script src='jConfirm-v2.js'></script> <script> <!-- Apply to all current + future elements with the class jConfirm (notice openNow) --> $('body').on('click', '.jConfirm', function(){ $(this).jConfirm({ message: 'You sure you to delete this?', confirm: 'YUPPERS', cancel: 'NO WAY!', openNow: this, callback: function(elem){ alert('According to the link you clicked...\r\nType = "'+elem.attr('itemType')+'" \r\n ID = "'+elem.attr('itemId')+'"'); } }); }); <!-- Apply to all current elements with the class jConfirmTwo --> $('.jConfirmTwo').jConfirm({ message: "You sure you're ready to use our badass plugin?", confirm: "Let's GO!", cancel: "Sorry, I'm a Loser...", openNow: false, callback: function(elem){ window.location.href = elem.attr('href'); } }); </script>