小编Geo*_*ata的帖子

带有选项卡和内容的 Bootstrap 5 卡

我试图达到这种效果: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)

twitter-bootstrap bootstrap-5

5
推荐指数
1
解决办法
2万
查看次数

部署到 Netlify 时未捕获引用错误

在遵循 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)

我在网上找不到任何相关内容,这就是我在这里发布的原因。

javascript

2
推荐指数
1
解决办法
1773
查看次数