Jquery UI 面板在单击时调整大小

Question

我正在使用 Jquery Ui 面板。([http://code. google.com/p/ist-ui-panel/][1]）

加载应用程序时，一切都很好，例如可折叠，可拖动等。

但我想让面板在单击某些链接时可折叠。fo例如：

此代码将在表单加载时运行....

$('#myNews').panel({
    'collapsible' :true,
    'stackable':false,
 });

我想要制作“可折叠”的html

<div  class="panel" id="myNews" >
<h3>Poll</h3>
<div>Some content</div>
</div>

：单击某个链接时为假...这样

$('#click1').click(function() {
   $('#myNews').panel({
      'collapseType':'slide-right',
      'collapsible':false,
    });
});

代码运行时没有任何错误，但“#myNews”单击“#click1”链接时不会受到影响。

请需要一些帮助。

提前致谢

Answer 1

我是 ist-ui-panel 背后的人，Jesse 是对的 - 现在你唯一的方法是使用“destroy”方法，有点像：

$(document).ready(function(){
    $('#click1').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({
                'collapsible' :true,
                'collapseType':'slide-right',
                'stackable':true
            });
        }
    });


    $('#click2').bind({
        'click': function() {
            $('#myNews').panel('destroy');
            $('#myNews').panel({'collapsible': false});
        }
    });
});

注意，你应该在创建新面板之前明确销毁以前的面板。

Answer 2

如果您阅读该小部件的未压缩的源代码，那么似乎您所做的只是用于创建面板，而不是随后修改它们。

底层软件要么有问题，要么我不明白。因此，您必须找出一些错误，但您可以在该小部件上使用“销毁”方法来完全重置 div，然后然后再次将其设为面板 ，就像这样：

$('#myNews').panel("destroy");
$('#myNews').panel(...

正如我所说，它有问题，或者我不太明白 - 销毁调用会引发一个错误，您必须捕获该错误，并且随后创建新面板的调用确实会创建面板，但它们并不完全正确的。