Parentnode имеет значение null для вкладок в начальной загрузке?

Я большой поклонник http://thednp.github.io/bootstrap.native/, который представляет собой обычную JS-версию Bootstrap. Следуя их документам, я сделал это:

  <!-- Nav tabs -->
  <ul id="myTabs" class="nav nav-tabs" role="tablist">
    <li role="presentation" class="nav-item active">
      <a id="home-tab" class="nav-link" href="#home" data-toggle="tab" data-height="true" aria-controls="home" aria-selected="true" role="tab">Home</a>
    </li>
    <li role="presentation" class="nav-item">
      <a id="profile-tab" class="nav-link" href="#profile" data-toggle="tab" data-height="true" aria-controls="profile" aria-selected="false" role="tab">Profile</a>
    </li>
    <li role="presentation" class="nav-item">
      <a id="messages-tab" class="nav-link" href="#messages" data-toggle="tab" data-height="true" aria-controls="messages" aria-selected="false" role="tab">Messages</a>
    </li>
    <li role="presentation" class="nav-item">
      <a id="settings-tab" class="nav-link" href="#settings" data-toggle="tab" data-height="true" aria-controls="settings" aria-selected="false" role="tab">Settings</a>
    </li>
  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" aria-labelledby="home-tab" id="home">.1</div>
    <div role="tabpanel" class="tab-pane" aria-labelledby="profile-tab" id="profile">2</div>
    <div role="tabpanel" class="tab-pane" aria-labelledby="messages-tab" id="messages">3</div>
    <div role="tabpanel" class="tab-pane" aria-labelledby="settings-tab" id="settings">4</div>
  </div>

Но когда вы щелкаете вкладку, ничего не происходит. Когда этот HTML-код находится на странице, он также выводит Uncaught TypeError: Cannot read property 'parentNode' of null в консоль.

Когда я пробую подход JS с использованием new Tab(), он также говорит, что Tab не определен.

Как это исправить?

не могли бы вы также показать свой js-код, пожалуйста?

Chris Li 13.09.2018 18:37

@ChrisLi нет кода js, он использует API данных. проверьте ссылку на их документы для получения дополнительной информации.

Jeffrey Anderson 13.09.2018 19:10
2
2
128
0

Другие вопросы по теме