用tab-modals连接我的按钮

Question

我有12个按钮和1个带12个标签的模态。 示例：我按下第一个按钮，然后会出现我的标签。 如何连接？

使用HTML，CSS，JavaScript，JQuery和Bootstrap what I want. right now.

结果：https://afifadayu.github.io/throwback2017/

Answer 1

只要您使用Bootstrap Tabs，就可以使用此代码段来实现您的要求

$_POST['date_tx'] = $tempArray[2]."-".$tempArray[1]."-".$tempArray[0];

$("#exampleModal").on('shown.bs.modal', function(e) {
  var tab = e.relatedTarget.hash;
  $('.nav-pills a[href="' + tab + '"]').tab('show')
})

.spacing-img {
  margin-bottom: 30px;
}