jQuery/Javascript basic object property -
im attempting create property called startposition , assign top property button's top value in css.
here jquery:
var morphobject = { button: $('button.morphbutton'), container: $('div.morphcontainer'), overlay: $('div.overlay'), content: $('h1.content, p.content'), startposition: { top: morphobject.button.css('top') // top: 150, // left: '20%', // width: 200, // height: 70, // marginleft: -100 }, of course, there more, error occurs. error is:
[error] typeerror: undefined not object (evaluating 'morphobject.button') how can this? thanks.
morphobject not exist yet when call morphobject.button.
you move outside:
var morphobject = { button: $('button.morphbutton'), container: $('div.morphcontainer'), overlay: $('div.overlay'), content: $('h1.content, p.content'), startposition: { } }; morphobject.startposition.top = morphobject.button.css('top'); or refer directly jquery element:
var morphobject = { button: $('button.morphbutton'), container: $('div.morphcontainer'), overlay: $('div.overlay'), content: $('h1.content, p.content'), startposition: { top: $('button.morphbutton').css('top') } };
Comments
Post a Comment