如何调整响应表的JavaScript以在mobile中选择不同的列

这是我的密码笔：

它基于其他人的代码笔。在移动版中，如何将其默认设置为“1年”列，并在该列中显示内容

现在它默认为3年，在您选择该项目之前，它不会显示该项目下的任何内容

---

我尝试将第4行的JS编辑为+1而不是+2，希望这会将默认值改为1年。它不起作用

激活页面加载上的列，并单击。将onclick内联函数移动到它自己的名称，然后在单击它时使用li样式更新调用它

发件人：

到

这就是你要找的

---

这是密码笔：

我找到了。我必须创建一个li并将其隐藏。我还必须告诉javascript调用第三列，而不是第二列。谢谢大家

最后是javascript

loadColumn(3); 

---

快到了。我注意到在手机中调用了下面的错误列。所以，当你去移动，它应该有1年突出显示，但内容也应该是1年的内容。现在，当它是移动的时候，它似乎将内容的持续时间限制在1年以内。好吧，我几乎拥有了它。然而，在移动视图中，它调用了错误的列，直到您按下其中一个按钮。桌面视图是正确的：

$( "ul" ).on( "click", "li", function() {
  var pos = $(this).index()+2;
  $("tr").find('td:not(:eq(0))').hide();
  $('td:nth-child('+pos+')').css('display','table-cell');
  $("tr").find('th:not(:eq(0))').hide();
  $('li').removeClass('active');
  $(this).addClass('active');
});

function loadColumn(pos) {
  $("tr").find('td:not(:eq(0))').hide();
  $('td:nth-child('+pos+')').css('display','table-cell');
  $("tr").find('th:not(:eq(0))').hide();
}

loadColumn(2);

$( "ul" ).on( "click", "li", function() {
  var pos = $(this).index() + 1;
  loadColumn(pos);
  $('li').removeClass('active');
  $(this).addClass('active');
});

<li class="hidden">Name (ticker)<br>Bla bla bla category</li>

li.hidden {display:none;}

loadColumn(3);