YUI3 Transitions zu verstecken und zeigen eine div

Question

Ich habe folgende Code-Schnipsel:

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

Aber wenn ich es testen, und klicken Sie auf der Nähe zum Beispiel erhalte ich diese Fehlermeldung:

node.hide is not a function 

node.hide(true); 

Jede Idee Warum?

Answer 1

Möglicherweise müssen Sie uns Ihren HTML-Code zeigen, denn mit dem richtigen Javascript-Code und dem entsprechenden HTML-Code funktioniert es hier: http://jsfiddle.net/jfriend00/27fJW/. Also, ich würde vermuten, dass Sie entweder nicht das richtige HTML haben oder Sie haben nicht den richtigen Kern, den YUI beinhaltet.

HTML habe ich bis um den Code zu entsprechen:

<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> 

Ihr Code (unverändert):

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); 
});​