javascript - Prototype vs jQuery: A specific problem regarding binding, events and values -

-

i'm looking @ transferring existing functionality (built prototypejs) jquery , have been working through couple of examples.

one example i'm bit stuck on, regards binding functions (and values) event. example tries apply mouseover event, incremented value list of links. value alerted want same every time (so link 1 alerts "1", link 2 alert "2" etc etc)

here's snippet of simple example.

prototype:

findlinks: function () {     = 1;      $$("#vertical-content-links ul li a").each(function (s) {         event.observe(s, "mouseover", this.activatelink.bindaseventlistener(this, i))         i++     }.bind(this)) },  activatelink: function (e, i) {     alert(i) }

within example, when link 1 mouseovered, alert "1". link 2 alert "2" etc etc alerting value of when function applied event.

however, similar code in jquery....

findlinks: function () {     = 1;      $("#vertical-content-links ul li a").each(function (s, elmt) {         $(elmt).bind("mouseover", function (e) {             _this.activatelink(i);             i++         })     }) },   activatelink: function (i) {    alert(i); }

(note: _this closure specified elsewhere in code)

when runs, every time link mouseovered, value of incremented one, link 1 alert 1, 2,3,4,5 etc value of doesn't seem bound function when applied event

hope makes sense

does know way around works more way prototype does. want start using jquery more need understand issue first.

cheers

i bet gets incremented because put i++ inside mouseover handler. carry out , try this:

findlinks: function() {     var = 1;     $("#vertical-content-links ul li a").each(function(s, elmt) {         var j = i++;         $(elmt).bind("mouseover",function(e) {             _this.activatelink(j);         })     }) },

Comments

Post a Comment

Popular posts from this blog

c++ - How do I get a multi line tooltip in MFC -

-
right now, have tool tip pops when hover on edit box. problem tool tip contains multiple error messages , in 1 long line. need have each error message on own line. error messages contained in cstring new line seperating them. my existing code below. bool ontooltiptext(uint, nmhdr* pnmhdr, lresult* presult) { assert(pnmhdr->code == ttn_needtexta || pnmhdr->code == ttn_needtextw); // need handle both ansi , unicode versions of message tooltiptexta* pttta = (tooltiptexta*)pnmhdr; tooltiptextw* ptttw = (tooltiptextw*)pnmhdr; // tchar szfulltext[256]; cstring strtiptext=_t(""); uint nid = pnmhdr->idfrom; if (pnmhdr->code == ttn_needtexta && (pttta->uflags & ttf_idishwnd) || pnmhdr->code == ttn_needtextw && (ptttw->uflags & ttf_idishwnd)) { // idfrom hwnd of tool nid = ::getdlgctrlid((hwnd)nid); } //m_errprojaccel[ch] contains 1 or more error messages each...
Read more

asp.net - In javascript how to find the height and width -

-
i having .aspx , masterpage page. in masterpage loading aspx page . in aspx page design using generating table structure using code-behind server in javascript how find height , width . regards, kumar if you're looking table height , width, should it var tbl = document.getelementbyid('tbldemo'); alert(tbl.offsetwidth + '\n' + tbl.offsetheight);
Read more

c# - DataTable to EnumerableRowCollection -

-
i have datatable according client requirement can contain invalid date "00/00/1999",null,empty string.(typed datset) when collect them enumerables wish convert of invalid forms empty string. (i.e) enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || (how check date invalid date) ? string.empty : order.field<datetime>("orderdate") } how check whether date valid date or not? datetime.tryparse...like given current code: datetime date; enumerablerowcollection<datarow> query = order in _table.asenumerable() select new { orderdate= string.isnullorempty(convert.tostring(order.field<datetime>("orderdate")) || !datetime.tryparse(convert.tostring(order.field<datetime...
Read more