jquery - Javascript scope of object property -


let's want make javascript class boxes in page. when object of class made, want add click event require me accessing 1 or many of unique properties. how that? here's example:

function box(boxclassname, originalcolor, changecolor){  this.boxclassname = boxclassname; this.originalcolor = originalcolor; this.changecolor = changecolor;  this.initialize = function (){      var html = '<div class="' + this.boxclassname + '></div>';      $(document).append(html);     $(this.boxclassname).css("background-color", originalcolor);      // toggle box color on click     $(this.boxclassname).click(function (){         // this.boxclassname undefined here, none of works          if ($("." + this.boxclassname).css("background-color") == originalcolor) {             $("." + this.boxclassname).css("background-color", this.changecolor);         } else {             $("." + this.boxclassname).css("background-color", this.originalcolor);         }     }); };  this.initialize();  }

there 2 ways:

1) keep reference in variable , use that:

// toggle box color on click var self = this; $(this.boxclassname).click(function () {     if ($("." + self.boxclassname).css("background-color") == originalcolor) {         $("." + self.boxclassname).css("background-color", self.changecolor);     } else {         $("." + self.boxclassname).css("background-color", self.originalcolor);     } });

2) or bind click callback box

$(this.boxclassname).click(function () {     if ($("." + this.boxclassname).css("background-color") == originalcolor) {         $("." + this.boxclassname).css("background-color", this.changecolor);     } else {         $("." + this.boxclassname).css("background-color", this.originalcolor);     } }.bind(this));

Comments

Post a Comment

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

i have eclipse maven plugin coming on centos. how can execute maven command on linx like: mvn clean package [abigail@localhost ~]$ mvn bash: mvn: command not found how should specify path executable of maven plugin in eclipse? or have install maven seperately？ thanks. eclipse (m2e) have bundled central parts of maven inside eclipse plugin, why not detected, , not usable. investigation find correct way bootstrap it, have create launcher file manually. if want run maven outside of eclipse, far better off standalone version of maven. mvn command bootstrap maven runtime system correctly, , secondly, able use advice concerning use of maven. maven binaries quite stable, wouldn't need upgrade upgrade eclipse. you can subsequently switch eclipse use external installation if prefer.
Read more

Error while updating a record in APEX screen -

while updating record using mru failing below error. 1 error has occurred current version of data in database has changed since user initiated update process. current row version identifier = "c5f3645b026aa5646c00dc7b631c4d19" application row version identifier = "6a9323b62f641015fa4601421dfb03de" (row 1) this strange because not see change in data @ backend. any highly appreciated. thanks. aj
Read more

c++ - In an add-in in Excel, written in C(++), how does one get the name of the function which called into the addin? -

the title says all. have add-in excel, written in c++, , register several different functions in excel call same extern "c" function in c++, dispatching on function called in excel. so, need able determine excel function called it. edit: since doesn't seem clear: have large plugin library excel, written in c++. extending it, , 1 of things want allow library support plugins itself, possibly written in other languages. (we use python lot higher level things, example.) when load 1 of these plugins, pointer functions need register, along information arguments, return values, etc. need way of registering these functions excel, excel user can access them. basic thought have single function in library, forward desired function (typically python function, i'd marshall excel arguments python list, call python function using pyobject_callobject , , marshall return values xloper12 , return excel. when registering functions, pxprocedure string name of marshall...
Read more