javascript - Material UI / material-ui appbar leftnav toggle not working -
i'm using meteor react-packages , have appbar displayed properly, can't nav toggle work. i'm using code straight out of examples , read code in material-ui repo , it's seems should working. doing wrong?
let {appbar, leftnav} = mui applayout = react.createclass({ menuitems: [ {route: '/profile/bio', text: 'bio'}, {route: '/profile/photos', text: 'photos'}, {route: '/profile/videos', text: 'videos'}, {route: '/profile/filmography', text: 'filmography'}, {route: '/profile/settings', text: 'settings'}, {route: '/profile/accounts', text: 'accounts'} ], _toggle(e){ e.preventdefault() this.refs.leftnav.toggle() }, render(){ return ( <div> <appbar onlefticonbuttontouchtap={this._toggle} title='react+meteor' /> <leftnav ref="leftnav" docked={false} menuitems={this.menuitems} /> <appview /> </div> ) } })
so in following guide here: http://react-in-meteor.readthedocs.org/en/latest/client-npm/
i missed 1 part of mui guide here: http://material-ui.com/#/get-started
here lib/app.browserify.js
file:
// material ui mui = require('material-ui') injecttapeventplugin = require("react-tap-event-plugin") // needed ontouchtap // can go away when react 1.0 release // check repo: // https://github.com/zilverline/react-tap-event-plugin injecttapeventplugin() // needed material-ui styling work thememanager = new mui.styles.thememanager() react.initializetouchevents(true)
i missing line injecttapeventplugin()
injection! after added , refreshed browser, menu works perfectly.
Comments
Post a Comment