Yui3 Переходы, чтобы скрыть и показать div - PullRequest
Новая
       41

Yui3 Переходы, чтобы скрыть и показать div

0 голосов
/ 27 марта 2012

У меня есть следующий фрагмент: 

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

Есть идеи почему?

1 Ответ

0 голосов
/ 27 марта 2012

Возможно, вам придется показать нам свой HTML, потому что с правильным javascript и соответствующим 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);
});​
...