以最小化模式打开jspanel

时间:2017-11-21 11:00:10

标签: 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>

2 个答案:

答案 0 :(得分:1)

版本4的示例:

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

答案 1 :(得分:0)

查看jsPanel v3.x的option.setStatus

$.jsPanel({
    setstatus: "minimize"
});