Question

我正在使用bootstrap进行CSS样式和响应式网站。

我使用Bootstrap创建了一个默认面板，并使用锚标记使整个面板可以在新选项卡中打开。但是，需要有一个关闭图标来解雇小组;我正在使用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>

所以我有javascript来关闭id =＆＃34;关闭＆＃34;的面板。点击相同，也会导致锚定重定向。一种可能的方法是使用CSS将关闭图标相对定位在锚标记之外。但是，由于我对更小尺寸屏幕的要求，这已经搞砸了。

如何使用javascript完成它？

Answer 1

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

所以你必须做这样的事情：

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

});

我在这里重新创建案例：http://jsfiddle.net/x4nu0whw/
希望这有帮助！

Jquery在锚标记内单击事件

1 个答案: