YUI3トランジションは、divの

Question

を隠し、表示し、私は次のスニペットがあります

YUI().use('transition', 'node-event-delegate', function(Y) { 
     var button = Y.one('#subscribe'); 
     var close = Y.one('#close'); 

     function open (e) { 
      var node = Y.one('#popup-subscribe'); 
      node.show(true); 
     } 
     button.on('click', open); 

     function closeIt (e) { 
      var node = Y.one('#popup-subscribe'); 
      node.hide(true); 
     } 
     close.on('click', closeIt); 
    }); 

をしかし、私はそれをテストし、例えばクローズをクリックしたとき、私は、このエラーメッセージが出ます：

node.hide is not a function 

node.hide(true); 

任意のアイデアをどうして？

Answer 1

適切なHTMLが含まれており、適切なHTMLが表示されているため、ここをクリックしてください。http://jsfiddle.net/jfriend00/27fJW/。だから、あなたは正しいHTMLを持っていないか、YUIに含まれる正しいコアがないと思うでしょう。私は、コードに一致するように構成された

HTML：

<script src="http://yui.yahooapis.com/3.4.1pr1/build/yui/yui-min.js"></script> 

<button id="subscribe">Open</button> 
<button id="close">Close</button> 

<div id="popup-subscribe">Popup content</div> 

はあなたのコード（変わらず）：

YUI().use('transition', 'node-event-delegate', function(Y) { 
    var button = Y.one('#subscribe'); 
    var close = Y.one('#close'); 

    function open (e) { 
     var node = Y.one('#popup-subscribe'); 
     node.show(true); 
    } 
    button.on('click', open); 

    function closeIt (e) { 
     var node = Y.one('#popup-subscribe'); 
     node.hide(true); 
    } 
    close.on('click', closeIt); 
});​