Я использую изотопы на странице. Когда вы нажимаете на элемент, элемент добавляет класс и расширяет размер. Вы можете увидеть пример того, что я имею в виду на Isotopes demo page. (Щелкните и элемент для просмотра.)Предотвратите действие JS от случайности при нажатии кнопки
У меня есть контент, который показывает, когда на большом экране. Внутри большого вида у меня есть кнопка, которая позволяет человеку просмотреть элемент, который затем открывает лайтбокс. Проблема в том, что при нажатии кнопки элемент возвращается в небольшое состояние. Как предотвратить это, если нажать кнопку?
Другими словами, если элемент щелкнул, вернитесь в более низкое состояние. Если нажать кнопку обзора, оставайтесь на большом месте.
HTML
<div class="element indica" data-category="indica">
<p class="type">I</p>
<h2 class="name">Name</h2>
<p class="strain-info">Information Here</p>
<!-- WHEN BUTTON BELOW IS CLICK DO NOT RESIZE ELEMENT -->
<p class="review"><a class="fancy_button review-form-lb" href="#review-form-lightbox"><span style="background-color: #000;">Review Strain</span></a></p>
</div>
JS
var $j = jQuery.noConflict();
$j(function(){
var $jcontainer = $j('#container');
//Isotope Code
//JS controling only the resizing of an element
$jcontainer.delegate('.element', 'click', function(){
$j(this).toggleClass('large');
$jcontainer.isotope('reLayout');
});
});
EDIT
Я попытался следующий код, в ответ, Аслам Хана, который не работал:
<p class="review"><a class="fancy_button review-form-lb" href="#review-form-lightbox" onclick="javascript:void(0);"><span style="background-color: #000;">Review Strain</span></a></p>
Я добавил onclick="javascript:void(0);
к <a>
тега.
возможно ли, что вы можете создать 'jsfiddle'? –