我试图达到这种效果:https://www.w3schools.com/bootstrap/tryit.asp ?filename=trybs_ref_js_tab&stacked=h filename=trybs_ref_js_tab&stacked=h 使用 Bootstrap 5 并在 Bootstrap 卡中使用它。
我已经复制了上面的示例,但它不起作用https://jsfiddle.net/zqdsLeyj/
我已将整个页面放在上面的 JS 中,但这是我现在正在尝试实现的部分:
<div class="container network_wrapper col-sm p-2 ">
<h2>Dynamic Tabs</h2>
<ul class="nav nav-tabs">
<li class="active"><a data-toggle="tab" href="#home">Home</a></li>
<li><a data-toggle="tab" href="#menu1">Menu 1</a></li>
<li><a data-toggle="tab" href="#menu2">Menu 2</a></li>
<li><a data-toggle="tab" href="#menu3">Menu 3</a></li>
</ul>
<div class="tab-content">
<div id="home" class="tab-pane fade in active">
<h3>HOME</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et
dolore magna aliqua.</p>
</div>
<div id="menu1" class="tab-pane fade">
<h3>Menu 1</h3>
<p>Ut …Run Code Online (Sandbox Code Playgroud) 在遵循 Udemy 教程后,我已将 git 存储库 ( https://github.com/GeorgeFlorian/Forkify-App ) 发布到 Netlify ( https://forkify-jorje.netlify.app/ ):
一切都在本地运行,但是当我部署它时,我得到了
Uncaught ReferenceError: Fraction is not defined
at View.js:96
Run Code Online (Sandbox Code Playgroud)
Fraction甚至不在View.js模块内部: https: //github.com/GeorgeFlorian/Forkify-App/blob/main/src/js/views/View.js
它在另一个里面: https: //github.com/GeorgeFlorian/Forkify-App/blob/main/src/js/views/recipeView.js
我不知道如何重现这个错误。我所做的就是按照教程进行操作。导师的部署有效,我的没有。
这是package.json:
Uncaught ReferenceError: Fraction is not defined
at View.js:96
Run Code Online (Sandbox Code Playgroud)
我在网上找不到任何相关内容,这就是我在这里发布的原因。