blocks|key|613349|text|您可以在单击中完成所有这些操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|613350|$('.delete').click(function(event)+{
++++event.preventDefault();
++++var+r=confirm("Are+you+sure+you+want+to+delete?");
++++if+(r==true)+++{++
+++++++window.location+=+$(this).attr('href');
++++}

});|code-block|syntax|javascript|613351|或者您可以通过将单击的元素传递给函数来完成此操作：|613352|function+show_confirm(obj){
++++var+r=confirm("Are+you+sure+you+want+to+delete?");
++++if+(r==true)++
+++++++window.location+=+obj.attr('href');
}++++
$('.delete').click(function(event)+{
++++event.preventDefault();
++++show_confirm($(this));

});|613353|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you could do it all within the click:

<pre><code>$('.delete').click(function(event) {
 event.preventDefault();
 var r=confirm("Are you sure you want to delete?");
 if (r==true) { 
 window.location = $(this).attr('href');
 }

});
</code></pre>

Or you could do it by passing the clicked element to the function:

<pre><code>function show_confirm(obj){
 var r=confirm("Are you sure you want to delete?");
 if (r==true) 
 window.location = obj.attr('href');
} 
$('.delete').click(function(event) {
 event.preventDefault();
 show_confirm($(this));

});
</code></pre>

blocks|key|828550|text|你可以这样做|type|unstyled|depth|inlineStyleRanges|entityRanges|data|828551|function+show_confirm()
++++{
++++if(confirm("Are+you+sure+you+want+to+delete?")){
++++++++//make+ajax+call
+++++}else{

++++++++++//no+ajax+call
+++++}

++++}++++|code-block|syntax|javascript|828552|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you could do

<pre><code>function show_confirm()
 {
 if(confirm("Are you sure you want to delete?")){
 //make ajax call
 }else{

 //no ajax call
 }

 } 
</code></pre>

blocks|key|613411|text|function+show_confirm(url){
++++var+r=confirm("Are+you+sure+you+want+to+delete?");
++++if+(r==true){
++++++++location.top.href+=+url;
++++}
}++++


$('.delete').click(function(event)+{
++++event.preventDefault();
++++show_confirm($(this).attr('href'));
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|613412|如果你想使用ajax，你可以用$.get(url);代替location.top.href+=+url;|unstyled|offset|length|style|CODE|613413|entityMap^0|0|F|B|S|O|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]|$G|Q|H|R|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|S|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>function show_confirm(url){
 var r=confirm("Are you sure you want to delete?");
 if (r==true){
 location.top.href = url;
 }
} 


$('.delete').click(function(event) {
 event.preventDefault();
 show_confirm($(this).attr('href'));
});
</code></pre>

If you want to use ajax you can replace <code>location.top.href = url;</code> with <code>$.get(url);</code>

blocks|key|613424|text|function+show_confirm(elem)
{
++++var+r=confirm("Are+you+sure+you+want+to+delete?");
++++if+(r==true)+{+
++++++++window.location.href+=+elem.href;
++++}
}+ + 

$('.delete').click(function(event)+{
++++event.preventDefault();
++++show_confirm(this)
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|613425|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>function show_confirm(elem)
{
 var r=confirm("Are you sure you want to delete?");
 if (r==true) { 
 window.location.href = elem.href;
 }
}    

$('.delete').click(function(event) {
 event.preventDefault();
 show_confirm(this)
});
</code></pre>

blocks|key|613440|text|+$('.delete').click(function()+{

+++if+(confirm('Are+you+sure?'))+{
+++++$.post($(this).attr('href'),+function()+{
+++++++//+Delete+is+OK,+update+the+table+or+whatever+has+to+be+done+after+a+succesfull+delete
++++++....
+++++}
+++}

+++return+false;

}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|613441|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> $('.delete').click(function() {

 if (confirm('Are you sure?')) {
 $.post($(this).attr('href'), function() {
 // Delete is OK, update the table or whatever has to be done after a succesfull delete
 ....
 }
 }

 return false;

}
</code></pre>

blocks|key|613487|text|这是一种缩写形式：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|613488|$('.delete').click(function(){return+confirm("Are+you+sure+you+want+to+delete?")});|code-block|syntax|javascript|613489|我在网站上使用它来进行下载/链接确认。|613490|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This is a short form:

<pre><code>$('.delete').click(function(){return confirm("Are you sure you want to delete?")});
</code></pre>

I use it on web sites for download/link confirmation.

blocks|key|828824|text|要优化function+show_confirm中的代码，请尝试使用以下方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|828825|function+show_confirm(obj){
+++if(confirm("Are+you+sure+you+want+to+delete?"))+window.location+=+obj.attr('href');
}|code-block|syntax|javascript|828826|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

To optimize code in function show_confirm, try to use below :

<pre><code>function show_confirm(obj){
 if(confirm("Are you sure you want to delete?")) window.location = obj.attr('href');
}
</code></pre>

blocks|key|613672|text|我花了一段时间才弄明白，所以我想我应该发布我的解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|613673|$('.delete').click(function(e){
++++if(confirm('Are+you+sure?')){
++++++++//+The+user+pressed+OK
++++++++//+Do+nothing,+the+link+will+continue+to+be+opened+normally
++++}+else+{
++++++++//+The+user+pressed+Cancel,+so+prevent+the+link+from+opening
++++++++e.preventDefault();
++++}
}|code-block|syntax|javascript|613674|我在想用错误的方式确认。确认将阻止站点自动打开，并等待用户的输入。所以基本上，你需要把你的preventDefault移到else。|613675|因此，只有当他们单击Cancel时，您才能阻止链接打开。这也允许链接正常工作，例如，如果它有一个target="_blank“指令。|613676|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

It took me a while to figure this out, so I figured I'd post my solution.

<pre><code>$('.delete').click(function(e){
 if(confirm('Are you sure?')){
 // The user pressed OK
 // Do nothing, the link will continue to be opened normally
 } else {
 // The user pressed Cancel, so prevent the link from opening
 e.preventDefault();
 }
}
</code></pre>

I was thinking about confirm the wrong way. Confirm will prevent the site from opening automatically, and wait for the user's input. So basically, you need to move your preventDefault to the else. 

So you only prevent the link from opening if they click Cancel. This also allows for the link to function as it normally would, for instance if it has a target="_blank" instruction.

blocks|key|613709|text|如果您喜欢使用警告/确认，这是最好的方法(我更喜欢使用Bootstrap+Confirmation或bootbox)：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|613710|$('.confirm-delete').click(+function(+event+)+{
++++if+(+!confirm('Are+you+sure?')+)+event.preventDefault();
});|code-block|syntax|javascript|613711|entityMap|0|LINK|mutability|MUTABLE|url|https://ethaizone.github.io/Bootstrap-Confirmation/|1|http://bootboxjs.com/^0|R|M|0|1E|7|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|F|7|Z|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]|Q|$5|L|M|N|C|$O|R]]]]

If you like to use alert/confirm, this is the best way (I prefer to use <a href="https://ethaizone.github.io/Bootstrap-Confirmation/" rel="nofollow">Bootstrap Confirmation</a> or <a href="http://bootboxjs.com/" rel="nofollow">bootbox</a>): 

<pre><code>$('.confirm-delete').click( function( event ) {
 if ( !confirm('Are you sure?') ) event.preventDefault();
});
</code></pre>

I have links like this.

<pre><code>&lt;a href="delete.php?id=1" class="delete"&gt;Delete&lt;/a&gt;
</code></pre>

If a user click on it. A confirmation should popup and then only if user click yes, it should goto the actual url.

I know that this can prevent the default behavior 

<pre><code> function show_confirm()
 {
 var r=confirm("Are you sure you want to delete?");
 if (r==true) { **//what to do here?!!** }

 } 


 $('.delete').click(function(event) {
 event.preventDefault();
 show_confirm()
 });
</code></pre>

But how do i continue to that link or send an ajax post to that link after confirming?

Prevent a link, confirm and then goto location jquery

我有这样的链接。<a href="delete.php?id=1" class="delete">Delete</a>如果用户点击它的话。一个确认应该弹出，然后只有当用户点击是，它应该转到实际的网址。我知道这可以防止默认行为 function show_confirm() { var r=confir...

问阻止链接，确认后转到位置jquery
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止链接，确认后转到位置jqueryEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问阻止链接，确认后转到位置jquery
EN