引导列表组项中的链接，但在单击链接之前弹出确认

问题描述

我有一个“引导列表组项目”。我正在尝试在链接区域内创建一个链接。下面的代码有效：

// THIS CODE WORKS //

<a href="" class="list-group-item list-group-item-action active text-white rounded-0">

              // --- JUST A BUNCH OF HTML COMES HERE -- //

<i class="fa fa-trash" aria-hidden="true" onclick="window.open('?delete=<?=$x?>','_self');return false;"></i>


</a>

现在我想做的是添加一个确认，这样用户就不会误删。

// WANT TO ADD THIS FEATURE //

  return confirm('Are you sure you want to delete?');

我将如何将这些组合起来？当我尝试时，它们不会执行。我试过了。

// WHAT I TRIED //

function heya()
{
 return confirm('Are you sure you want to delete?');
}

function Hoo()
{
    window.open('?delete','_self');return false;
}


// AND ON THE PAGE //

<i class="fa fa-trash" aria-hidden="true" onclick="heya(); Hoo();"></i>

它不起作用......而且我还需要一种方法将变量“x”传递给脚本，因为它会有所不同......

非常感谢您的帮助。

解决方法

function checkDelete(x)
{
 if (confirm('Are you sure you want to archive?')) {
   var url = '?delete=' + x;
   window.open(url,'_self');
 }
  return false;
}

<i class="fa fa-trash" aria-hidden="true" onclick="return checkDelete(<?=x?>);"></i>