javascript - Svelte 中的原生 JavaScript

Question

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

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

Answer 1

您确实应该仔细阅读/遵循 Svelte tutorial ，它可能会帮助您更好地了解如何克服这样的小挑战。

切换类就像切换变量并使用 Svelte 的 shorthand class directive 一样简单

<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示例。