jQuery - 从弹出窗口打开 href

Question

这是我在这里的第一个问题，让我们看看情况如何。

所以，就这样吧：

HTML：

<td><a href="https://www.google.es" class="confirmDelete">delete</a></td>
<div id="confirmDeleteBox" title="Delete Confirm" style="display:none"></div>

jQuery:

 $('.confirmDelete').click(OpenDeleteDialog);
//Delete Column functionallity
function OpenDeleteDialog() {
    $("#confirmDeleteBox").html("Confirm Delete Dialog Box");

    $("#confirmDeleteBox").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
            "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
    event.preventDefault();
}



function callback(value) {
    if (value) {
        $(this).closest('.confirmDelete').attr('href');

    } else {
        alert("Rejected");
    }
}

所以，问题是我有一个包含删除、复制或添加行的列的表，我想在每次您要删除、复制或添加时进行弹出确认。 弹出窗口有效，但是当我想按“是”时，它不会返回到我按的链接（在我的示例中是 google 链接）。

我正在使用动态链接，所以我不能直接指向，行（和它的 href）是动态生成的。

如何在弹出窗口的“是”选项中“单击”链接的 href？

顺便说一句，我在这部分尝试过：

function callback(value) {
    if (value) {
        $(this).attr('href');

    } else {
        alert("Rejected");
    }
}

我尝试过：$(this).attr('href');、window.location = $(this).attr('href'); 等...

Answer 1

你有两个问题：

1. 在callback() 中，this 不是你想的那样。
2. .attr('something') 是一个 getter。它只检索一个值。

试试这个：

$('.confirmDelete').click(OpenDeleteDialog);
//Delete Column functionallity
function OpenDeleteDialog() {

    var $link = $(this); //keep track of the element that was clicked

    $("#confirmDeleteBox").html("Confirm Delete Dialog Box");

    $("#confirmDeleteBox").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true, $link); //pass the reference to the element
            },
            "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
    event.preventDefault();
}

function callback(confirmed, $el) {
    if (confirmed) {
        window.location = $el.attr('href'); //change the page's location    
    } else {
        alert("Rejected");
    }
}

Answer 2

Working Demo

---

试试这个，

$('.confirmDelete').click(OpenDeleteDialog);
//Delete Column functionallity
var currentHref;   //store href of current selected link

function callback(value) {
    if (value) {
        window.location = $(currentHref).attr('href');

    } else {
        alert("Rejected");
    }
}

function OpenDeleteDialog(event) {

    currentHref = event.target;  //get the clicked element

    $("#confirmDeleteBox").html("Confirm Delete Dialog Box");

    $("#confirmDeleteBox").dialog({
        resizable: false,
        modal: true,
        title: "Modal",
        height: 250,
        width: 400,
        buttons: {
            "Yes": function () {
                $(this).dialog('close');
                callback(true);
            },
            "No": function () {
                $(this).dialog('close');
                callback(false);
            }
        }
    });
    event.preventDefault();
}

---

• 使用event.target获取当前链接的值。

• 您也可以使用传递当前选定元素的值

  $('.confirmDelete').click(function(){
      OpenDeleteDialog(this);
  );
  
  function OpenDeleteDialog(obj){..}