在jQuery UI对话框中放置一个jQuery UI Accordion

通过为Tabs创建适当的标记,我已经能够在jQuery UI对话框中放置一个jQuery UI Tabs小部件; 但是对Accordion做同样的事情并没有奏效:点击手风琴部分的锚点会导致对话框关闭。 有没有直接的方法来实现这一目标?

适合我工作……我为你发了一个演示 。

也许您需要在对话框function中使用“打开”选项?

$(function() { $("#dialog-modal").dialog({ height: 400, width: 400, modal: true, open: function(){ $("#accordion").accordion({ autoHeight: true }); } }); }); 

注意:对于制表符,它基本上是相同的,在open选项中添加函数调用。

您可以为对话框创建一个div,并为手风琴创建一个div。

HTML代码段:

 

JavaScript代码段:

 $('#clicker').button().click(function(){ var overlayDialogObj = { autoOpen: true, height: 400, width: 310, modal: false, open: function(){ $('#accordion').accordion( {heightStyle: "fill", collapsible: true}).show(); }, buttons: { 'Done': function() { $(this).dialog('close'); } } }; $('#dialog').dialog(overlayDialogObj).show(); }); 

请看这里的小提琴: http : //jsfiddle.net/saylesc/RDwUj/2/