从链接中删除点击事件并恢复默认行为

Question

我正在使用一组图像来使用插件来构建画廊。 我想添加一个最后一组作为单击更多链接，如下所示。

<div id="lightGallery" class="row no-gutter venue-photo-list" data-rel="venue-photos">
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium6.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium6.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium2.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium2.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium3.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium3.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium4.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium4.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2" data-title="Nomad" data-desc="Travel the World like a Nomad" data-src="images/venues/venue-medium5.jpg"> <a href="javascript:void(0)"> <img src="images/venues/venue-medium5.jpg" alt=""> </a> </div>
                  <div class="col-xs-4 col-md-2 more-photos"> <a href="http://google.com">More</a> </div>
                </div>

当我单击该按钮时，我想重定向到另一个页面并绕过图库插件事件。 任何想法，我如何可以强制点击？

链接

Answer 1

您可以在父div上取消绑定当前事件处理程序，从而允许链接单击通过：

$('div.more-photos').off('click');

Answer 2

您可以将onclick事件绑定到它。

<a href="#" onclick="javascript: return false;">More</a>