javascript - onclick イベントから YUI パネルを開く

Question

次のように onclick イベントを使用して YUI パネルを設定して開くことができるかどうか疑問に思っていました。

<a href="#" onclick="myPanel = new YAHOO.widget.Panel("myPanel"); 
myPanel.setHeader('Header'); myPanel.setBody('Body'); 
myPanel.setFooter('Footer'); myPanel.render('document.body'); 
myPanel.show();"></a>

Answer 1

別の要素のクリック イベントからパネルを表示するには、パネルを作成し、( を使用してvisible: false)非表示にshow()してから、クリック イベント ハンドラーから表示する必要があります。次に例を示します。

var panel = new Y.Panel({
    bodyContent: 'foo',
    centered: true,
    width: 200,
    height: 100,
    visible: false //render the panel, but keep it hidden
});
panel.render();

// show the panel with a click
Y.one('#foo').on('click', function () {
    panel.show();
});