懒人畅听三季度有声小说榜 $(function () { var channelIdx = 0 var idx = 0 $('.buttons a').click(function () { channelIdx = $(this).index() if ($(this).index() === 0) { $('.channel1').show() $('.channel2').hide() $('.tab1 img').attr('src', $('.tab1 img').data("clicked")) $('.tab2 img').attr('src', $('.tab2 img').data("src")) } else { $('.channel1').hide() $('.channel2').show() $('.tab1 img').attr('src', $('.tab1 img').data("src")) $('.tab2 img').attr('src', $('.tab2 img').data("clicked")) } changeList() }) let imgSrc = [ 'https://bookpic.lrts.me/66db919cd1cc4a66aafa2ddeabe43472_100x100.jpg?18564', 'https://bookpic.lrts.me/7862db911f1c42278ba9d2cfef02a735_100x100.jpg?14862', 'https://bookpic.lrts.me/0c448cf87cd04cf78005afb67773b0c6_100x100.jpg?11092' ] $('.tabbar a').click(function () { $('.tabbar img').attr('src', imgSrc[$(this).index()]) idx = $(this).index() changeList() }) function changeList () { if (channelIdx === 0) { $('.channel1').children().hide() if (idx === 0) { $('.channel1 .book1').show() } else if (idx === 1) { $('.channel1 .book2').show() } else if (idx === 2) { $('.channel1 .book3').show() } } else if (channelIdx === 1) { $('.channel2').children().hide() if (idx === 0) { $('.channel2 .book1').show() } else if (idx === 1) { $('.channel2 .book2').show() } else if (idx === 2) { $('.channel2 .book3').show() } } } }) 提交反馈