-2

我有以下页面： http: //mindspyder.com/newline/my-account.html

该页面上的以下代码：

<!-- Nav tabs -->

<ul class="nav nav-tabs" role="tablist">
  <li class="nav-item"> <a class="btn btn-primary btn-sm" href="#" role="button"><i class="fa fa-search-plus"></i> View</a> </li>
  <li class="nav-item"> <span data-toggle="modal" data-target="#myModal"><a class="btn btn-primary btn-sm" href="#delete" role="tab" data-toggle="tab"><i class="fa fa-times"></i> Delete</a></span></li>
  <li class="nav-item"> <a class="btn btn-primary btn-sm" href="#download" role="tab" data-toggle="tab">Settings</a> </li>
</ul>

<!-- /Nav tabs --> 
<!-- Tab panes -->

<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="review"></div>
  <div role="tabpanel" class="tab-pane" id="edit"></div>
  <div role="tabpanel" class="tab-pane" id="delete">hello</div>
  <div role="tabpanel" class="tab-pane" id="download">
    <p>
    <form>
      <p>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="Invoice" id="CheckboxGroup1_0">
          Invoice</label>
        <br>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="Establishment Kit" id="CheckboxGroup1_1">
          Establishment Kit</label>
        <br>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="Declaration of Custody Trust" id="CheckboxGroup1_2">
          Declaration of Custody Trust</label>
        <br>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="Trustee Minutes" id="CheckboxGroup1_3">
          Trustee Minutes</label>
        <br>
        <label>
          <input type="checkbox" name="CheckboxGroup1" value="Compliance Letter" id="CheckboxGroup1_4">
          Compliance Letter</label>
        <br>
      </p>
    </form>
    </p>
    <p>
      <button type="button" class="btn btn-success btn-sm">Download Selected <i class="fa fa-arrow-down"></i></button>
    </p>
  </div>
</div>

<!-- /Tab panes -->

现在，如果您转到该页面并单击蓝色的删除按钮，则一切正常。现在，如果您单击取消，然后单击其他选项卡之一，它仍然可以正常工作。问题是您再次单击删除，打开模式时它不会切换回删除选项卡，而是将其保留在前一个选项卡上。

我究竟做错了什么？

4

1 回答 1

0

我想通了，通过改变嵌套，所以：

<span data-toggle="modal" data-target="#myModal"><a class="btn btn-primary btn-sm" href="#delete" role="tab" data-toggle="tab"><i class="fa fa-times"></i> Delete</a></span>

变成：

<a class="btn btn-primary btn-sm" href="#delete" role="tab" data-toggle="tab"><span data-toggle="modal" data-target="#myModal"><i class="fa fa-times"></i> Delete</span></a>

现在它可以正常工作了。

于 2016-02-09T02:57:12.373 回答