Предотвратить ссылку, подтвердить, а затем местоположение jQuery.
-
26-10-2019 - |
Вопрос
У меня есть такие ссылки.
<a href="delete.php?id=1" class="delete">Delete</a>
Если пользователь нажимает на него. Подтверждение должно всплыть, а затем только если пользователь нажимает «Да», оно должно занести фактический URL.
Я знаю, что это может предотвратить поведение по умолчанию
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()
});
Но как я могу продолжить эту ссылку или отправить пост Ajax по этой ссылке после подтверждения?
Решение
Вы можете сделать все это в пределах клика:
$('.delete').click(function(event) {
event.preventDefault();
var r=confirm("Are you sure you want to delete?");
if (r==true) {
window.location = $(this).attr('href');
}
});
Или вы можете сделать это, передавая элемент щелчка в функцию:
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));
});
Другие советы
Мне потребовалось некоторое время, чтобы понять это, поэтому я решил, что опубликую свое решение.
$('.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();
}
}
Я думал о том, чтобы подтвердить неправильный путь. Подтверждение предотвратит автоматическое открытие сайта и ждать ввода пользователя. Так что, по сути, вам нужно перенести свой предотвращение на другое.
Таким образом, вы предотвращаете открытие ссылки только в том случае, если они нажимают на Cancel. Это также позволяет ссылке функционировать, как обычно, например, если у нее есть инструкция Target = "_ Blank".
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'));
});
Если вы хотите использовать Ajax, вы можете заменить location.top.href = url;
с $.get(url);
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)
});
Это короткая форма:
$('.delete').click(function(){return confirm("Are you sure you want to delete?")});
Я использую его на веб -сайтах для скачивания/подтверждения ссылки.
Чтобы оптимизировать код в функции show_confirm, попробуйте использовать ниже:
function show_confirm(obj){
if(confirm("Are you sure you want to delete?")) window.location = obj.attr('href');
}
Вы могли бы сделать
function show_confirm()
{
if(confirm("Are you sure you want to delete?")){
//make ajax call
}else{
//no ajax call
}
}
$('.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;
}
Если вы хотите использовать оповещение/подтверждение, это лучший способ (я предпочитаю использовать Подтверждение начальной загрузки или же БУПТА):
$('.confirm-delete').click( function( event ) {
if ( !confirm('Are you sure?') ) event.preventDefault();
});