Question

大家好，请您帮忙提供这段代码，我不知道为什么它不起作用

我尝试不将其快捷方式操作，但没有用。这是我的代码：

HTML

 <div class="testin text-center" >
  <div class="client active">
    <img src="user.jpg" alt=""/>
    <span>client1</span>
  </div>
  <div class="client hidden">
      <img src="user2.png" alt=""/>
      <span>client2</span>
        <i class="fas fa-chevron-right fa-2x"></i>
        <i class="fas fa-chevron-left fa-2x"></i>
  </div>
 </div>

jQuery

        //check testimonial
        var rightArrow  = $('.testin .fa-chevron-right'),
                leftArrow = $('.testin .fa-chevron-left');

        function checkClients() {
            $('.client:first').hasClass('active')? rightArrow.fadeOut() : rightArrow.fadeIn();
            $('.client:last').hasClass('active') ? leftArrow.fadeOut() : leftArrow.fadeIn();
        }
        checkClients();

我希望隐藏右侧的箭头并显示下一个客户端谢谢

Answer 1

rightArrow和leftArrow在DOM中尚不存在。您需要.append()或从一开始就将它们放入HTML中。 fadeIn()和fadeOut()仅使对象可见/隐藏它们。

jquery append docs

我的jQuery代码无法正常运行，但控制台中没有错误

1 个答案: