無法關閉並重新打開Dojox中的浮動面板

Question

我想打開一個浮動面板，使用onClick事件，它打開正常，但在控制檯this.onClick is not a function中顯示此錯誤。

如果我關閉浮動面板然後嘗試重新打開，它將不會再次打開，並且在控制檯中不斷收到相同的錯誤。

這是我的application。當您單擊工具欄中的Layers按鈕時，您會看到浮動面板出現。

這是一個開放的浮動面板的主要功能，

function addFloatingPanel() { 
    var fp = new dojox.layout.FloatingPane({ 
     title: "Layers", 
     resizeable: true, 
     dockable: false, 
     closable: true, 
     style: "position:absolute; top:0; left:50px; width:245px; height: 175px; z-index: 100; visibility: hidden;", 
     id: 'floater' 
    }, dojo.byId('floater')); 
    fp.startup(); 
    if (dojo.byId('floater').style.visibility === 'hidden') { 
     dijit.byId('floater').show(); 
    } else { 
     dojo.byId('floater').style.visibility = 'hidden' 
     dijit.byId('floater').show(); 
    } 
} 

我要去哪裏錯了？此外，浮動面板是可見的Firefox中，但不是在鉻！

Answer 1

需要創建的dojo.connect功能

<div data-dojo-type="dijit.form.Button" id="searchTool" >Search</div> 

爲onclick事件，

searchTl = dojo.byId('searchTool'); 
dojo.connect(searchTl, "onclick", openSrFp); 

，並添加此功能，

var fp = dojo.byId('floater'); 
      if (fp.style.visibility=="hidden") { 
       fp.style.visibility=""; 
      } else { 
       fp.style.visibility="hidden"; 
      }