UIkit.toggle() 程序化使用切换自身

Question

我目前在编程上下文中使用 UIkit.toggle 时遇到了一个奇怪的行为 - 我不太明白这里发生了什么。为元素（侧边栏）添加切换时，UIkit 还会向元素本身添加一个点击处理程序——这是我不喜欢的。我在文档中和演示中都没有发现任何关于此类“功能”的通知...

可在此处找到文档：https://getuikit.com/docs/toggle 在这里：https://getuikit.com/docs/javascript#programmatic-use

我的代码如下所示：

let toggler = UIkit.toggle('#sidebar',{
            animation : 'uk-animation-slide-right'
        });
        var trigger = document.getElementById('trigger');
        trigger.addEventListener('click', function(){
            toggler.toggle()
        });

Codepen Link: https://codepen.io/Proximate/pen/RwpEzdZ

如何删除边栏 div 本身不需要的点击事件。我的 init 有错误还是我错过了什么？

编辑：不，我不能简单地在“按钮”上使用 uk-toggle 属性，因为在项目中触发器是一个 canvas 元素

Answer 1

我现在已经通过反复尝试弄明白了... 在编程上下文中使用 UIkit.toggle() 时，格式如下：

let toggler = UIkit.toggle('.elements-that-can-toggle',{
        target: '.elements-that-should-be-toggled',
        animation : 'uk-animation-slide-right'
    });
/* Not needed:
        var trigger = document.getElementById('trigger');
        trigger.addEventListener('click', function(){
            toggler.toggle()
        });
*/

UIkit.toggle() 程序化使用切换自身

UIkit.toggle() Programmatic use toggles itself

javascript

event-handling

uikit

getuikit