Question

标题有点令人困惑，但这就是我想要做的事情 - ＆gt;有一张照片。当你点击它时，会弹出一个灯箱（我已经有了这个事件）。但是，如果右键单击它并在新选项卡中打开，我希望显示一个页面。 Instagram有类似于我正在寻找的东西。 <a href="">不起作用 - 它同时执行（启动灯箱和重定向）。我怎么做？有没有办法取消href？感谢。

编辑：这是一个视觉效果：http://jsfiddle.net/9VFGS/。在这种情况下，我只希望在点击它时调用alert()，但是当我在新标签中打开它时，我希望它导航到google.com。

Answer 1

在事件处理程序中使用event.preventDefault()（doc）来触发灯箱将阻止链接执行和更改窗口位置。但是，右键单击上下文操作仍然可以正常工作，因为它们不会触发click个事件。

$( '#my-link' ).on( 'click', function( event ) {

    event.preventDefault();

    // do my lightbox stuff here

}

Answer 2

是的，请将href="..."设为href="#"。

单击和链接时的jQuery事件

2 个答案: