javascript - 以最小化模式打开jspanel

标签 javascript jquery jquery-plugins

我正在努力添加 jspanel我项目中的插件,有没有办法以最小化模式打开 jspanel,我发现了一些 question相关但找不到任何正确答案,这里是示例代码

 <!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jspanel3/3.10.0/jquery.jspanel.css">
        <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jspanel3/3.10.0/jquery.jspanel-compiled.js"></script>
    </head>
    <body>
    <script type="text/javascript">
    function clickToOpen() {
     $.jsPanel({
    position: "left",
    size:     {width: 120, height: 270},
    overflow: {vertical: 'scroll'},
    theme:    "light",   
    });
    }   
    </script>
       <input type="button" value="click to open" onclick="clickToOpen()"></input> 
    </body>
</html>

最佳答案

版本 4 示例:

     jsPanel.create({
        content: "<p>minimized</p>",
        theme: 'info',
        position: "left-top",
        setStatus: 'minimized'
     });         

关于javascript - 以最小化模式打开jspanel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47411449/

相关文章:

javascript - CSS中方向属性的奇怪行为

javascript - 如何在 Firefox Add-on SDK 中同时显示 2 个 sdk/面板?

javascript - 根据父元素和/或类用新元素包裹元素

javascript - 在动画结束时不显示

jquery获取光标所在元素

javascript - jqgrid密码字段不仅在编辑模式

javascript - 在 Grails 中动态更改模式内容

javascript - 在没有jquery的情况下更改子节点(父节点有ID)中的链接文本

javascript - block :hover on link for iPad

javascript - Jquery UI Slider 焦点问题