2011-11-15 62 views
1

我正在使用JPanel我想在页面加载时自动展开所有面板,我如何实现它?如何在默认情况下自动展开所有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'); 

回答

2

触发调用的JPanel后单击事件:

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

d。

+0

我想你的例子,但它不工作,看我更新的问题 – Ricky

+0

有点改变了代码。点击事件应发生在标题(测试和工作)。 –

0

我已经更新了的JPanel版本1.4.0,现在你可以指定默认PARAM开来实现这一如下例如:

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

希望这有助于