2010-02-22 46 views
0

調整我使用jQuery用戶界面面板。([http://code.google.com/p/ist-ui-panel/][1]jQuery UI的面板上點擊

當加載應用程序,一切都很好像collasible,拖動等

,但我想使面板可摺疊而點擊某些links.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'鏈接。

需要一些幫助。

在此先感謝

回答

0

如果該插件讀取the uncompressed source code,似乎被用來創建面板,你正在做的是隻的意思,而不是後來修改它們。

底層軟件可能是越野車,或者我不理解它。所以你必須追捕了一些錯誤,但你可以使用對插件的「破壞」的方法完全復位的股利,並然後使它面板再次,就像這樣:

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

正如我所說,它是越野車,或者我不太明白 - 有一個錯誤引發的摧毀呼叫,您必須趕上,隨後調用新面板確實會生成面板,但它們並不完全正確。

1

我身後IST-UI面板的一個,和傑西是正確的 - 現在你唯一的方法是使用「毀滅」的方法有點像:

$(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}); 
     } 
    }); 
}); 

注意,你應該明確地破壞前面的面板,然後再製作一個新面板