选项卡的转换仅在 safari 中不起作用

Question

我用 js 和 css 创建实习生选项卡，但选项卡的转换不仅在 safari 中有效。在 chrome、edge 和 opera 中，这是正常的。有人可以帮助我吗？请问？

function abas() {
    console.log("abas skip");
    $('ul.tabs li').click(function(){
    var tab_id = $(this).attr('data-tab');

    $('ul.tabs li').removeClass('current');
    $('.tab-content').removeClass('current');

    $(this).addClass('current');
    $("#"+tab_id).addClass('current');
});
}

.tabs-container{
        margin: 0 auto;
    }
ul.tabs{
        margin: 0px;
        padding: 0px;
        list-style: none;
        border-bottom: 1px solid #d7d7d7;
    }
ul.tabs li{
        background: none;;
        display: inline-block;
        padding: 10px 15px;
        cursor: pointer;
    }
ul.tabs li.current{
        border-bottom: 2px solid #F65314;
    }
.tab-content{
        display: none;
        padding: 15px;
    }
.tab-content.current{
        display: inherit;
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="tabs-container">
<ul class="tabs">
<li class="tab-link current" data-tab="tab-1">Cases</li>
<li class="tab-link" data-tab="tab-2">E-books</li>
<li class="tab-link" data-tab="tab-3">Artigos Cient&iacute;ficos</li>
</ul>
<div id="tab-1" class="tab-content current">
<ul>
(...)
</ul>
</div>
<div id="tab-3" class="tab-content">
<p>Artigos Cient&iacute;ficos</p>
<ul>
</div>

有些事情与往常不同，因为我在 LMS Canvas 中进行编码。

Answer 1

你能添加下面的代码吗？

$("body")
.addClass("dummyClass")
.removeClass("dummyClass");

问题是有时 safari 在我们更改 CSS 时不会重绘页面，所以我们需要强制重绘