我怎样才能做到这一点?
如果选择是,则链接会在单击时继续,但如果选择取消,则操作将被取消。
更新:confirm()
致$('.confirm').click(function() {
return confirm("Are you sure you want to delete this?");
});
的最终工作代码:
{{1}}
答案 0 :(得分:17)
Javascript提供内置确认对话框。
if (confirm("Are you sure?"))
{
// continue with delete
}
答案 1 :(得分:2)
根据我的经验,这是获得确认的最佳和最简单的方法!
<a href="#" onclick="return myconfirm()">Confirm</a> <script> function myconfirm() { if(confirm('Are You Sure ...')) return true; return false; } </script>
答案 2 :(得分:-1)
我已成功在Jquery中实现了确认框。在尝试此操作之前,请确保您的代码中包含Jquery库和css INCLUDED(jquery-ui-1.8.16.custom.css,jquery-1.6.2.js,jquery-ui-1.8.16.custom.min。 JS)。 我们创建使用DIV的JAVASCRIPT CONFIRM BOX和这个盒子之间的主要区别 - 是 - JAVASCRIPT CONFIRM将等待用户输入,在用户输入之后是/否下一行将执行,这里你必须做,是或否BLOCK - ** showConfirm()将立即执行后的下一行代码 * 所以要小心
/** add this div to your html
* /
var $confirm;
var callBack;
var iconStyle = '<span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span>';
var messageStyleStart = '<span align="center" style="font-family:arial, verdana, sans-serif;font-size:9.3pt;">';
var messageStyleEnd = '</span>';
$(document).ready(function(){
$('#confirmDialog').dialog({
autoOpen: false,
modal: true
});
//jquery confirm box -- the general alert box
$confirm = $('<div style="vertical-align:middle;"></div>')
.html('This Message will be replaced!')
.dialog({
autoOpen: false,
modal: true,
position: 'top',
height:300,
width: 460,
modal: true,
buttons: {
Ok : function() {
$( this ).dialog( "close" );
if(null != callBack)
callBack.success();
},
Cancel: function() {
$( this ).dialog( "close" );
if(null != callBack)
callBack.fail();
}
}
});
});
function showConfirm(message,callBackMe,title){
callBack = null;
$confirm.html(""); // work around
$confirm.html(iconStyle + messageStyleStart +message + messageStyleEnd);
if(title =='undefined'|| null ==title)
$confirm.dialog( "option", "title", "Please confirm" );
else
$confirm.dialog( "option", "title", title);
var val = $confirm.dialog('open');
callBack = callBackMe;
// prevent the default action
return true;
}
// Now for calling the function
// create a Javascript/jSOn callback object
var callMeBack = {
success: function()
{ // call your yes function here
clickedYes();
return;
},
fail: function (){
// call your 'no' function here
clickedNo();
return ;
}
};
showConfirm("Do you want to Exit ?<br/>"+
,callMeBack1,"Please Answer");