Javascript 引导程序本机中选项卡的parentNode为空?
我非常喜欢它,它是一款香草JS版本的Bootstrap。根据他们的文档,我做了以下工作:Javascript 引导程序本机中选项卡的parentNode为空?,javascript,bootstrap-native,Javascript,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" dat
<!-- 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>
1.
2.
3.
4.
但是当你点击一个标签时,什么也没发生。当此HTML位于页面中时,它还会将uncaughttypeerror:cannotreadproperty'parentNode'的null
打印到控制台中
当我使用new Tab()
尝试JS方法时,它还说Tab
没有定义
这是怎么解决的?请您也显示您的js代码好吗?@ChrisLi没有js代码,它使用的是数据API。查看他们文档的链接以了解更多信息。