JQuery如何在Dialog中添加Accordion

时间:2011-06-01 19:20:43

标签: jquery-ui accordion jquery-ui-dialog

默认情况下我隐藏了一个对话框,当用户点击页面中的按钮时,会出现对话框,对话框内有一个手风琴。手风琴出现但手风琴的每个部分看起来都不完整。它没有完全显示每个手风琴部分内的文字。它只显示第一行。

$('#helpx').hide();
$('#accord').accordion({ header: 'h3' });

$('#helpbutton').click(function() { 
    if ( $('#helpx').is(':visible') == false ) { 
        $('#helpx').show().dialog({height: 600, width:550, dialogClass: 'shadowme', position: [390,130]}); 
            }
    else { $('#helpx').dialog('close'); }
});

请记住,手风琴位于html中对话框的标签内。例如

<div id="helpx" title="Sistema de Ayuda">
    <div id="accord">

1 个答案:

答案 0 :(得分:1)

这似乎对我来说很好,但我们确实需要看到你的代码

$( "#accordion" ).accordion();
$('#dialog').dialog({autoOpen:false});
$('#mybutton').click(function(){
    $('#dialog').dialog('open');
})

这里是a working demo