代码之家  ›  专栏  ›  技术社区  ›  Power Engineering

如何以编程方式展开/折叠Jarvis小部件?

  •  2
  • Power Engineering  · 技术社区  · 7 年前

    我在和 JarvisWidgets JQuery 有段时间了我需要 以编程方式打开小部件 那就是 默认情况下已折叠 . 到目前为止,我已经尝试了以下尝试,但没有成功。


    第一 尝试:

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

    第二 尝试:

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

    然而,我仍然无法触发小部件扩展。


    笔记 :the 第一种方法 应该是正确的,正如我所看到的,当通过单击折叠切换按钮扩展小部件时,类 jarviswidget已折叠 在属性 数据小部件折叠=“true” 总是在那里。因此,该属性仅用于定义默认的小部件启动状态;换句话说,如果属性 数据小部件折叠=“true” 如果存在,则小部件将默认显示为折叠,如果删除属性,则小部件将默认显示为展开。尽管如此,我还是无法理解为什么要取消该课程 jarviswidget已折叠 ,因此,当小部件通过用户单击扩展时,小部件不会扩展。

    1 回复  |  直到 7 年前
        1
  •  4
  •   YouneL    7 年前

    我想他们可能在使用类似的东西:

    显示小部件:

    $('#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()方法

    希望这有帮助