Question

我正在尝试调用函数，以便在轮播幻灯片具有类hover时将类active添加到事件的链接。活动类迭代每个项目，打开和关闭。但是，我选择on()的事件处理程序并未触发函数发生。如何在项目处于活动状态时添加课程？

<div class="carousel">
    <div class="item"><a id="link1"></a></div>
    <div class="item"><a id="link2"></a></div>
    <div class="item active"><a id="link3"></a></div>
</div>


// if slide active, add class hover to the link
var test = jQuery('.hover');
function linkHover(){
  if(jQuery('.item.active').length != 0){
  jQuery('#link3').addClass('hover');
  }
};

jQuery(test).on( 'trigger', linkHover );

Answer 1

我认为你让它变得比它需要的更难。应该有一个函数被调用来切换旋转木马上的幻灯片。在该函数内部添加：

$('.item').each(function() {
  $(this).removeClass('hover');
  $('.item.active').addClass('hover');
});

Answer 2

＆＃13;

// if slide active, add class hover to the link
var test = $('.active');
function linkHover(){
  if($('.item.active').length != 0){
  $('#link3').addClass('hover');
  }
};
linkHover();

＆＃13;

.hover{color:red}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel">
    <div class="item"><a id="link1"></a></div>
    <div class="item"><a id="link2"></a></div>
    <div class="item active"><a id="link3">1</a></div>
</div>

＆＃13;

试试这个

使用事件处理程序在活动类上调用jquery函数

2 个答案: