Question

我已经在某个地方看到了这段代码片段，但却在努力寻找它，也许有人可以提供帮助。请参阅下面我目前所拥有的图片。我想要实现的是使用侧栏图标（在我的示例中使用扳手）来触发其他内容（现在警报很好），而不是默认情况下带边栏。

sidebar.close（）在一个从这个函数调用的函数中触发并没有帮助;因为它仍然弹出

＆＃13;

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

＆＃13;

Answer 1

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

所以，比如：

<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>