i want margin new variable every time resize window double changes value check console , try resize:
http://robintimman.com/test/ab/
js:
var s, appwidget = { settings: { btnclass: ".object", main: {}, btns: {}, icon: {}, current: {}, next: {}, prev: {} }, init: function(){ s = this.settings; m = this.settings.main; b = this.settings.btns; = this.settings.icon; c = this.settings.current; n = this.settings.next; p = this.settings.prev; appwidget.binduiactions(); $(window).bind("resize", appwidget.resizewindow); appwidget.resizewindow(); }, resizewindow: function () { appwidget.setmaininfo(); appwidget.setcontent(); }, setmaininfo: function(){ m.btnc = $(s.btnclass); m.parent = $(s.btnclass).parent(); b.owidth = parseint( m.btnc.outerwidth(true) ); b.width = parseint( m.btnc.width() ); b.margin = parseint( m.btnc.css("margin").replace("px",'') ); m.iwidth = parseint( m.parent.innerwidth() ); m.width = parseint( m.parent.width() ); m.count = parseint( m.btnc.length ); m.inrow = parseint( math.floor( parseint( m.parent.width() ) / b.owidth ) ); m.rows = parseint( math.ceil( m.count / m.inrow ) ); m.rowwidth = parseint( b.owidth * m.inrow ); m.espace = ((m.width - m.rowwidth) / m.inrow) / 2; b.nmargin = parseint( b.margin + ( ((m.width - m.rowwidth) / m.inrow) / 2 ) ); console.log(b.margin + m.espace); }, setcontent: function(){ m.btnc.css({ "margin-left": b.margin + m.espace, "margin-right": b.margin + m.espace }) }, binduiactions: function() { $(s.btnclass).click(function() { console.log(this.id); }); }, }
it must in line, if comment line doesn't change back
m.btnc.css({ "margin-left": b.margin + m.espace, "margin-right": b.margin + m.espace })
i tried kinds of stuf doesn't work :( me much, , saves time, thank much
Comments
Post a Comment