我的jQuery代码不是';尽管控制台中没有错误,但仍无法工作
大家好,能帮我处理一下这个代码吗?我不知道为什么它不起作用 我试着不走捷径,但没有成功。这是我的密码: HTML 我希望隐藏右侧的箭头并显示下一个客户端我的jQuery代码不是';尽管控制台中没有错误,但仍无法工作,jquery,Jquery,大家好,能帮我处理一下这个代码吗?我不知道为什么它不起作用 我试着不走捷径,但没有成功。这是我的密码: HTML 我希望隐藏右侧的箭头并显示下一个客户端 谢谢rightArrow和leftArrow在DOM中还不存在。您需要.append()它们,或者从一开始就将它们放在HTML中fadeIn()和fadeOut()仅使对象可见/隐藏它们 在您定义rightArrow和leftArrow时,这些元素是否存在?做出一个在问题中不明显的大假设我的答案和解决方案基于提供的html和jQuery。我没有
谢谢
rightArrow
和leftArrow
在DOM中还不存在。您需要.append()
它们,或者从一开始就将它们放在HTML中fadeIn()
和fadeOut()
仅使对象可见/隐藏它们
在您定义
rightArrow
和leftArrow
时,这些元素是否存在?做出一个在问题中不明显的大假设我的答案和解决方案基于提供的html和jQuery。我没有假设,我使用了显示的内容。我的错误是,我确实将它们放在HTML中,但忘了将它们粘贴到这里。无论如何,它不起作用ToT@SaraSh在HTML中,两个V形符号都位于.hidden
分区内。您不能在隐藏分区内显示元素。如果将它们移出该分区,则应该可以工作。
<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>
//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();