Svelte 中的原生 JavaScript

Question

我一直在遵循折叠侧边栏的指南。我意识到我不能使用它，$因为它是在 Svelte 中保留的。有人可以指导我如何进行这项工作吗？谢谢 ：）

$(document).ready(function () {
    $('#sidebarCollapse').on('click', function () {
        $('#sidebar').toggleClass('active');
    });
});

Answer 1

您应该真正阅读/遵循Svelte 教程，它可能会帮助您更好地理解如何克服这样的小挑战。

切换类就像切换变量并使用 Svelte 的简写类指令一样简单

<script>
    let active = false;
</script>

<button on:click={()=> active = !active}>
    Some menu text or an icon here
</button>

<aside class:active>
    I'm a sidebar
</aside>

然后，您只需使样式等于您正在遵循的任何教程，因为此时将有条件地应用活动类。

这是一个简单的REPL示例。