如何默认自动展开所有 JPanel

发布于 2024-12-15 17:31:59 字数 920 浏览 0 评论 0原文

我正在使用 JPanel 我想在页面加载时自动展开所有面板,我怎样才能实现它吗?

示例 JPanel 代码

<div title="Title1" class="class">
    content here....
</div>
<div title="Title2" class="class">
    content here....
</div>

$('.class').jPanel({
    'effect'    : 'fade',
    'speed'     : 'slow',
    'easing'    : 'swing'
});

我的代码

$('#contentHolder).empty();
$('<div>')
.html('<div >'+productname+'</div>'+panels)     
    .appendTo('#contentHolder').delay(10).queue(function(){
        $('.class').jPanel({
            'effect'    : 'fade',
            'speed'     : 'slow',
            'easing'    : 'swing'
        });
   });

$('.class').jPanel({         
    'effect'    : 'fade',
    'speed'     : 'slow',         
    'easing'    : 'swing'     
}).trigger('click'); 

I am using JPanel I want to auto expand all the panels on page load, how can i achieve it?

Sample JPanel Code

<div title="Title1" class="class">
    content here....
</div>
<div title="Title2" class="class">
    content here....
</div>

$('.class').jPanel({
    'effect'    : 'fade',
    'speed'     : 'slow',
    'easing'    : 'swing'
});

My code

$('#contentHolder).empty();
$('<div>')
.html('<div >'+productname+'</div>'+panels)     
    .appendTo('#contentHolder').delay(10).queue(function(){
        $('.class').jPanel({
            'effect'    : 'fade',
            'speed'     : 'slow',
            'easing'    : 'swing'
        });
   });

$('.class').jPanel({         
    'effect'    : 'fade',
    'speed'     : 'slow',         
    'easing'    : 'swing'     
}).trigger('click'); 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

你另情深 2024-12-22 17:31:59

调用jPanel后触发点击事件:

$('.class')
    .jPanel({
        'effect'    : 'fade',
        'speed'     : 'slow',
        'easing'    : 'swing'
    })
    .children('h3') // or .children('.head')
    .trigger('click');

d.

Trigger a click event after the call to jPanel:

$('.class')
    .jPanel({
        'effect'    : 'fade',
        'speed'     : 'slow',
        'easing'    : 'swing'
    })
    .children('h3') // or .children('.head')
    .trigger('click');

d.

熟人话多 2024-12-22 17:31:59

我已将 jPanel 版本更新到 1.4.0,现在您可以指定默认打开参数来实现此目的,如下所示:

$('selector').jPanel({
    "defaultOpen"   :  true
});

希望这有帮助

I have updated the jPanel version to 1.4.0, now you can specify the open by default param to achieve this as below e.g.:

$('selector').jPanel({
    "defaultOpen"   :  true
});

Hope this helps

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文