YUI3视图事件对象不会触发事件

Question

YUI3自定义视图模块不调用showPanel（）函数 当用户点击Y.SpHeader（视图）时，应该调用showPanel事件处理程序。

代码不会在控制台中抛出任何错误，它根本不起作用。而不是登录控制台，单击该按钮。

    YUI.add('sp-header-section', function(Y){
    Y.SpHeader = Y.Base.create('sp-header-section', Y.View, [], {
        events: {
            '#sign-up': {'click': "showPanel"}
        },

        initializer: function(config){
            this._initPanel();
        },

        render: function(){
            new Y.SpDropdownMenu({
                contentBox: "#top_menu",
                descriptions: true
            }).render();        
        },

        // Private Methods
        _initPanel: function(){
          var okButton = this.okBotton;
          var cancelButton = this.cancelButton;
          this.panel = new Y.Panel({
                width: 300,
                centered: true,
                headerContent: 'Sign Up To Recieve a Book',
                bodyContent: 'CAUTION: Watch out for random panels.',
                zIndex: 999,
                modal: true,

            });  
        },

        showPanel: function(){
            Y.log('the button is clicked');
            this.panel.reder();  
        },

        // Panel Buttons Configurations
        okButton: {
            value: 'ok',
            section: Y.WidgetStdMod.FOOTER,
            action: function (ev) {
                ev.preventDefault();
                this.hide();
            }
        },

        cancelButton: {
            value: 'cancel',
            section: Y.WidgetStdMod.FOOTER,
            action: function (ev) {
                ev.preventDefault();
                this.hide();
            }
        }
    }, {
        ATTRS:{    
        }
    }); 
},'1.0', {requires: ['sp-dropdown-menu', 'panel', 'escape', 'view']});   


YUI().use('sp-header-section', function(Y){
    var header = new Y.SpHeader({}).render();
});