Question

我设法获得了点击功能，以显示要在点击时添加课程的特定项目。

正在寻找的行为。

为两个列表项类型建立索引，因为它们将具有相同数量的项。
在主列表项上，点击3和4。
将类隐藏添加到所有项目中，但单击了索引的主要列表项。
将类添加到已点击专门索引的控件列表项。

提交的代码无法正确索引点击次数。示例和想法欢迎您，并提前谢谢。

ffmpeg -f dshow -rtbufsize 2000M -i video="Game Capture HD60 S (Video) (#01)" -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264
-pix_fmt yuv420p -b:v 1000k -minrate 500k -maxrate 2000k -bufsize 2000k -vf scale=854:480 -f segment -segment_time 60 -reset_timestamps 1 -flush_packets 1 "C:\Program Files (x86)\ffmpeg\test\clips\testfile_%02d.mp4"

xdg-open http://www.stackoverflow.com

$dt = new DateTime('@1333699439');
$dt->setTimezone(new DateTimeZone('America/New_York'));
echo $dt->format('c');

Answer 1

老实说，拥有类hide和show会造成混乱。 “显示”应该只是缺少hide（反之亦然）。

摆脱这种复杂性使代码容易得多。您当然错过了index变量，该变量只是被单击项的$(this).index()。

$('.primary-list-item').click(function(e) {
  e.preventDefault();
  var index = $('.links-block-list > .primary-list-item').index(this); // index of clicked item
  $('.primary-list-item').not(this).addClass("hide"); // hide all other primary items
  $('.controls-list-item').eq(index).removeClass('hide'); // unhide the same index from control list as clicked primary
});

$('#reset').click(function(){
   $('.primary-list-item').removeClass("hide");
   $('.controls-list-item').addClass("hide");
});

.hide {
  display: none !important;
}

.primary-list-item {
  display: flex;
}


a {
  text-decoration: none;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<ul class="links-block-list">
  <ul class="links-block-list">
  <li class="primary-list-item"><a href="#">List Item 1</a></li>
  <li class="controls-list-item hide"><a href="#">List Item 1</a></li>
  <li class="primary-list-item"><a href="#">List Item 2</a></li>
  <li class="controls-list-item hide"><a href="#">List Item 2</a></li>
  <li class="primary-list-item"><a href="#">List Item 3</a></li>
  <li class="controls-list-item hide"><a href="#">List Item 3</a></li>
  <li class="primary-list-item"><a href="#">List Item 4</a></li>
  <li class="controls-list-item hide"><a href="#">List Item 4</a></li>
  <li class="primary-list-item"><a href="#">List Item 5</a></li>
  <li class="controls-list-item hide"><a href="#">List Item 5</a></li>
</ul>
</ul>

<button id="reset">reset</button>

将类添加到列表中的所有索引项和一个索引项

1 个答案: