Question

我正在尝试使用jquery编写包含确认消息的代码。

İfı点击退出，根据我的下面的代码重新加载我的页面。

<a href="Exit" onclick="return confirm('Are you sure you want to exit?')">Exit</a>

如何在没有重新加载页面的情况下编写上面的代码并在Jquery中使用确认消息？

f确认确定=转到href（没有重新加载） f确认取消=取消它，

Answer 1

请尝试以下代码

<a href="#Exit" onclick="return confirm('Are you sure you want to exit?'); return false">Exit</a>

<强>解释

# URL片段是一个以哈希标记（＃）开头的名称，它指定当前文档中的内部目标位置（ID）。

虽然return false是一种告诉事件不会实际触发的方法。

See Demo

Answer 2

我使用此函数执行类似的操作：

function confirm_text_url(message, url){
    var response = confirm(message);
    if (response==true)
    {
        document.location.href=url;
    }
}

Answer 3

你发布的代码显然已经可以使用，但是既然你已经要求它，这是一回事，但是使用jQuery来分配事件处理程序......

<强> HTML

<a href="Exit" id="exit-link">Exit</a>

<强>的Javascript

$(function() {
    $("#exit-link").on("click", function() {
        return confirm("Are you sure you want to exit?");
    });
});

我在链接中添加了一个ID，只是为了能够使用jQuery显式引用它。除此之外，它是一样的。

Answer 4

从你确认的文字中我猜你可能在寻找这个： How to show the "Are you sure you want to navigate away from this page?" when changes committed?

或有关支持旧版浏览器的详细信息： How to show the "Are you sure you want to navigate away from this page?" when changes committed?

Answer 5

您必须评估结果

例如：

var r=confirm("Are you sure you want to exit?");
if (r==true)
  {
  x="You pressed OK!";
  }
else
  {
  x="You pressed Cancel!";
  }

在你的情况下，它会是这样的：

<a href="javascript:void(0);" onclick="confirm('Are you sure you want to exit?') ? window.location = 'page-to-go-to': return ">Exit</a>

另外，使用javascript：void（0）;作为href，所以你确定没有触发默认传播

Jquery a href onclick to controller而不重新加载页面

5 个答案: