如何设置jQuery弹窗确认值？点击取消无法终止操作的问题求助

问题出在你没有阻止<a>标签的默认跳转行为。点击该链接时，不管confirm()返回确认还是取消，浏览器都会自动执行<a>标签的默认跳转动作，导致两种操作效果一致。

修改你的jQuery代码，添加event.preventDefault()阻止默认跳转，再根据确认结果执行对应操作：

$(document).ready(function() {
  $('.emptybutton').click(function(event) {
    // 阻止a标签的默认跳转行为
    event.preventDefault();
    if (confirm('Are you sure?')) {
      var url = $(this).attr('href');
      $('#content').load(url);
    }
  });
});

• event.preventDefault()的作用是取消当前元素的默认事件动作，这里就是拦截链接的自动跳转。
• 如果你后续需要在某些场景下恢复跳转，可以手动调用window.location.href = url来实现，但当前需求不需要这步。

内容的提问来源于stack exchange，提问作者omar