如何以编程方式展开/折叠Jarvis Widget?

时间:2018-01-08 21:51:24

标签: javascript jquery widget collapse expand

我正在使用JarvisWidgetsJQuery一段时间,我需要以编程方式打开一个小部件默认情况下已折叠。 到目前为止,我已经尝试了以下尝试但没有成功。

第一次尝试:

$('#my-widget-id').removeClass("jarviswidget-collapsed");

第二次尝试:

$('#my-widget-id').removeAttr("data-widget-collapsed");

但是我仍然无法触发小部件扩展。

注意第一种方法应该是正确的,正如我所见,当通过点击折叠切换按钮展开小部件时,类<删除em> jarviswidget-collapsed ,而属性 data-widget-collapsed =“true”始终存在。因此该属性仅用于定义默认的小部件启动状态;换句话说,如果存在属性 data-widget-collapsed =“true”,则默认情况下窗口小部件将显示为折叠状态,如果删除该属性,则窗口小部件将默认显示为展开。说过我无法理解删除类 jarviswidget-collapsed 的原因,因此当用户点击扩展小部件时,小部件不会扩展。

1 个答案:

答案 0 :(得分:3)

我想也许他们正在使用类似的东西:

显示小部件:

$('#wid-id-2').removeClass('jarviswidget-collapsed').children('div').slideDown('fast');

隐藏小部件:

$('#wid-id-2').addClass('jarviswidget-collapsed').children('div').slideUp('fast');

我找不到jarvis小部件的代码源,但有一个旧版本here的代码几乎与上面相同但没有slideUp或slideDown函数,它们只使用show()和hide()方法< / p>

希望这有帮助