javascript - 如何更改设置并向语义 ui 侧栏添加事件监听器？

Question

我有一个语义 UI 侧边栏，我希望在显示侧边栏时页面不会变暗，并且我希望在侧边栏完全可见时触发 onShow 事件。

$("#sidebar").sidebar onShow: =>
    @onShow() if @onShow

$("#sidebar").sidebar 'setting', dimPage: false

目前，只有其中一项作品，具体取决于哪一项是最后的。要么页面变暗(这不是我想要的)并且 onShow 事件被触发，要么页面没有变暗但 onShow 事件永远不会被触发。

看起来第二个设置覆盖了第一个设置。

那么如何设置 dimPage 设置并设置事件处理程序而不相互覆盖？

Answer 1

@fstanis 的答案很好，但它也可以分为 2 个单独的函数调用，如下所示。

$("#sidebar").sidebar("setting", "dimPage", false);
$("#sidebar").sidebar("setting", "onShow", function() {});

这在这种特殊情况下并不是很有用，因为我们使用相同的选择器，但是当您想要更新两个不同元素列表的设置，并且某些元素恰好包含在两个列表中时，它会派上用场。如果没有这种分离，最后添加的设置将覆盖其他设置。