2011-11-15 61 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 
}); 

希望這有助於