Question

您可以在此处查看我的所有代码：https://jsfiddle.net/Magne/k6hqmtgo/

我目前正在使用Bootstrap和jQuery。我想要做的是隐藏所有选项卡，但第一个选项卡只有在我使用我的＆＃34; Next＆＃34;按钮。然后保持可见。

我试图通过我的.ghost{display:none}分配给<li>这样的课程来实现这一目标：

 <li class="active"><a href="#tab1" data-toggle="tab">Shipping</a></li>
 <li class="ghost"><a href="#tab2" data-toggle="tab">Quantities</a></li>
 <li class="ghost"><a href="#tab3" data-toggle="tab">Summary</a></li>

然后尝试使用.removeClass或.show显示这些内容：

//This is supposed to make them visible
if ($('.ghost').hasClass('active')) {
            $('.ghost').show();
        }               
//Or this maybe?
if ($('.ghost').hasClass('active')) {
            $('.ghost').removeClass("ghost");
        }

哪个不起作用，我不知道为什么。

您可以在此处查看我的代码：https://jsfiddle.net/Magne/18qz0pad/29/

我非常感谢帮助

谢谢！：d

Answer 1

你的css比js private void JumlahLembar() { foreach (DataGridViewRow row in JadwalisiGV.Rows) { int lim30den50tot; if (!row.IsNewRow) { OleDbConnection kon = new OleDbConnection(koneksi); OleDbCommand command = kon.CreateCommand(); kon.Open(); command.CommandText = "select * from [StokLembar$] where [Limit] = '" + row.Cells["Limit"].Value + "'"; OleDbDataReader reader = command.ExecuteReader(); while (reader.Read()) { int den50 = int.Parse(reader["Lembar Denom 50"].ToString()); int den100 = int.Parse(reader["Lembar Denom 100"].ToString()); if (row.Cells["Limit"].Value.ToString() == "30") { lim30++; lim30den50tot = lim30 * lim30 * 2 * 1000000 * den50 * 50000; TotalDen50Box.Text = lim30den50tot.ToString(); } } kon.Close(); } } }功能更重要，相反，如果你使用show按钮移除next课程，你最终会得到你想要的结果

您已经绑定了下一个按钮，因此我们可以利用此代码删除ghost类

<强> JSFIDDLE

<强> JS

ghost

PS。您似乎没有使用//Next and prev buttons $('.btnNext').click(function(){ var nextListItem = $('.nav-tabs > .active').next('li'); nextListItem.removeClass('ghost'); nextListItem.find('a').trigger('click'); }); js代码，所以我已将其删除

使用jQuery隐藏Bootstrap选项卡直到.active

1 个答案: