фильтра Нажмите событие в документе

Question

я следующий код ведьма работает отлично:

$(document).on('click','.with-hidden-caption', function(){ 
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) { 
     $(this).toggleClass('show-caption') 
     $(this).find('figcaption').slideToggle("fast"); 
    } 
}); 

Теперь я хотел бы узнать, где в .СЕ-скрытых титры»щелкают на toggleClass в зависимости, где клик , Другими словами: если щелчок находится на newToolBar, крик не запускается.

Вот мой HTML:

<figure class="with-hidden-caption"> 
<figcaption>Hello  
    <div class="newToolBar"> if here is clicked do something else but not $(this).toggleClass('show-caption') </div> 
      </figcaption> 
          </figure> 

Как я могу получить его.

Answer 1

Попробуйте это:

$(document).on('click','.with-hidden-caption', function(){ 
    if ($(e.target).hasClass('newToolBar')) return; 
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) { 
     $(this).toggleClass('show-caption') 
     $(this).find('figcaption').slideToggle("fast"); 
    } 
}); 

Мы будем проверять, если элемент должен в данный момент щелкнул e.target имеет класс newToolBar то делать ничего не выполнять эту функцию.

Answer 2

Вы можете получить имя класса в данный момент щелкнул элемента с помощью

$(document).on('click','.with-hidden-caption', function(e){ 
    var clsName = e.target.className; 
    if(clsName == 'newToolBar') 
    { 
    return false; 
    } 
    else 
    { 
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) { 
     $(this).toggleClass('show-caption') 
     $(this).find('figcaption').slideToggle("fast"); 
    } 
} 
}); 

это то, что вам нужно ..?

Answer 3

Попробуйте

$(document).on('click','.with-hidden-caption', function(){ 
    if($(e.target).closest('.newToolBar').length) return 
    if (window.matchMedia("(min-width: "+colum+")").matches || !$(this).parents(".my-wrapper").length) { 
     $(this).toggleClass('show-caption') 
     $(this).find('figcaption').slideToggle("fast"); 
    } 
});