Есть такая вёрстка:
<a title="Name" class="thumbnail" href="/component/xxx?id=89">
<img src="/images/file_5_9_485.jpg?0" alt="ALtName">
<div class="caption">
<h2 class="product-name">Name</h2>
<div class="price-block">
<p>Цена: <span class="price">10 р</span></p>
</div>
<div class="actions">
<button type="button" title="Добавить в корзину" class="btn to_cart">Купить</button>
<button type="button" title="Быстрый просмотр" data-href="/component/xxx?id=89" class=" quick-view">Быстрый просмотр</button>
</div>
</div>
</a>
... и т.д.
и есть такой js
$('.thumbnail').magnificPopup({
preloader: true,
type: 'ajax',
overflowY: 'scroll',
gallery:{
enabled:true
}
});
Сейчас при нажатии на .thumbnail открывается magnific popup галерея.
Вопрос:
Как сделать, чтобы галерея magnific popup открывалась, только при нажатии button.quick-view, а при нажатии на саму ссылку .thumbnail, просто открывалась страница в браузере?