使用外部按钮展开metronic

Question

metronic模板具有可扩展和可折叠的portlet。

general.html

Portlet有内置在菜单中的展开按钮，其代码如下：

<div class="tools">
    <a href="javascript:;" class="expand">
    </a>
</div>

我想用外部按钮控制展开功能。有什么建议吗？

Answer 1

有一个单击处理程序侦听来自“展开”和“契约”类的事件。如果您给它一个id或有其他方法获得元素的引用，您应该能够调用它的"click“：

<div class="tools">
    <a href="javascript:;" id="myCollapse" class="expand">
    </a>
</div>

<div class="others">
    <a href="javascript:$('#myCollapse').click();">
    </a>
</div>

我能够在Chrome的开发工具中这样做，以检查它是否有效。由于您实际上不需要调用链接，所以使用jQuery的.click()就足以调用处理程序。

Answer 2

这是我从KeenThemes客户支持处收到的回复

$('#my_portlet .portlet-title .collapse').click();
$('#my_portlet .portlet-title .expand').click();