传单侧边栏 - 禁用侧边栏弹出

Question

我在某处看到过这段代码片段，但正在努力寻找它的来源，也许有人可以提供帮助。请参阅下图，了解我目前拥有的内容。我想要实现的是使用侧边栏图标（在我的示例中为扳手）来触发其他内容（现在可以使用警报）并且不会默认显示侧边栏。

sidebar.close() 在由此调用的函数中触发没有帮助；因为它仍然弹出

<li><a href="#deviceconfig" role="tab"><i class="fa fa-cogs" onclick="test()"></i></a></li><div class="line-separator"></div>

Answer 1

好吧，正如我在 pull-request 中解释的那样 forgot to link to，你必须给 li class sidebar-button 然后连接一个点击事件到嵌套 link。

所以，类似于：

<li class='sidebar-button'>
  <a href="#" id="deviceconfig"><i class="fa fa-cogs"></i></a>
</li>

然后附加一个事件如下：

$('a#deviceconfig').on('click', function (e) {
  e.preventDefault();
  e.stopPropagation(); 
  alert('something'); 
})

或更简单：

<li class='sidebar-button'>
  <a href="#" onclick="alert('something'); return false;"><i class="fa fa-cogs"></i></a>
</li>

Leaflet sidebar - disable sidetab popout