我发现这个代码片段: https: //codepen.io/hani_ouni/pen/LZxKxG它工作得很好codepen.io ,但是当我下载它并尝试在我的机器上运行它时,它不起作用并打印出以下错误在浏览器的控制台上。
这是代码
html :
<div class="sub-header ">
<div class="swipe-tabs">
<div class="swipe-tab">One</div>
<div class="swipe-tab">Two</div>
<div class="swipe-tab">Three</div>
<div class="swipe-tab">Four</div>
<div class="swipe-tab">Five</div>
</div>
</div>
<div class="main-container">
<div class="swipe-tabs-container ">
<div class="swipe-tab-content">Tab 1</div>
<div class="swipe-tab-content">Tab 2</div>
<div class="swipe-tab-content">Tab 3</div>
<div class="swipe-tab-content">Tab 4</div>
<div class="swipe-tab-content">Tab 5</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
$swipe-tab-color: #757575;
$swipe-active-tab-color: #000;
.slick-initialized {
.swipe-tab-content {
position: relative;
min-height: 365px;
@media screen and (min-width: 767px) {
min-height: 500px;
}
}
.swipe-tab {
display: flex;
align-items: center;
justify-content: center;
height: …Run Code Online (Sandbox Code Playgroud)