если класс является «текущим», тогда сделайте это

Question

У меня есть этот скрипт с маленьким наведением.

$('iframe').hover(function() { 
    $('.caption').fadeIn(800); 
}, 
function() { 
    $('.caption').fadeOut(800); 
}); 

Когда я наводил курсор на iframe, он исчезает в заголовке класса. Когда я выхожу из режима наведения, он исчезает. Достаточно просто.

Я использую плагин, который добавляет класс «текущий» к текущей панели, которая находится в поле зрения. Как я могу добавить к этому коду, поэтому этот эффект ТОЛЬКО случается, если у панели есть класс «current».

Спасибо!

Answer 1

Вы можете использовать jQuery is method так:

$('iframe').hover(function() { 
    if ($(this).is('.current')) { 
     $('.caption').fadeIn(800); 
    } 
}, 
function() { 
    if ($(this).is('.current')) { 
     $('.caption').fadeOut(800); 
    } 
}); 

Или же, если вы хотите только целевой .caption элементы, которые являются потомками .current (если IFrame не «панель» с текущей CSS класс):

$('iframe').hover(function() { 
    $('.current').find('.caption').fadeIn(800); 
}, 
function() { 
    $('.current').find('.caption').fadeOut(800); 
});