Javascript 锚定标记内的Jquery单击事件

我使用的CSS样式和响应网站引导

我用引导创建了一个默认面板，整个面板都可以用锚定标签点击，在一个新标签中打开。 但是，需要有一个关闭图标来关闭面板；我也在使用javascript实现同样的功能。当我点击这个关闭图标时，问题就出现了——尽管面板被关闭，但由于锚定标记，我也打开了一个新的选项卡。有没有办法避免打开新页面

代码如下所示：

<div class="panel panel-default">
  <div class="panel-body">
    <a href="#" target="_blank">
      <p>Basic panel example</p>
      <button type="button" class="close" id="close">&times;</button>
    </a>
  </div>
</div>

$("#close").click(function(e)
{
    e.preventDefault();
    $("#mypanel").close();

});

因此，我有javascript来关闭id=“close”的面板。单击相同的按钮也会导致锚重定向。一种可能的方法是使用CSS在锚标记外相对定位结束图标。但我对更小尺寸屏幕的要求让这一切都变得一团糟

---

如何使用javascript实现它？

如果我理解正确，您必须在事件对象上调用preventdefault方法
您可以在这里找到规范：

所以你必须这样做：

<div class="panel panel-default">
  <div class="panel-body">
    <a href="#" target="_blank">
      <p>Basic panel example</p>
      <button type="button" class="close" id="close">&times;</button>
    </a>
  </div>
</div>

$("#close").click(function(e)
{
    e.preventDefault();
    $("#mypanel").close();

});

我在这里重新创建案例：

---

希望这有帮助

你能用小提琴再现你的问题吗