javascript - jQuery - update function with deprecated toggle() -

-

this question has answer here:

i update website jquery 1.10 use function deprecated toggle().

i remember, having hard time make function works in first time, exists function replace toggle() without changing code.

i not jquery expert , appreciated.

css:

fieldset.collapsed * {     display: none; }  fieldset.collapsed h2, fieldset.collapsed {     display: block !important; }  fieldset.collapsed h2 {     background-image: url(../img/nav-bg.gif);     background-position: bottom left;     color: #999; }  fieldset.collapsed .collapse-toggle {     background: transparent;     display: inline !important; }

jquery:

var spath=window.location.pathname; (function ($) {     $(document).ready(function () {              function show () { // show             $(this).text(gettext("hide"))                 .closest("fieldset")                 .removeclass("collapsed")                 .trigger("show.fieldset", [$(this).attr("id")]);             window.localstorage.setitem($(this).attr("id"), true);         }         function hide () { // hide             $(this).text(gettext("show"))                 .closest("fieldset")                 .addclass("collapsed")                 .trigger("hide.fieldset", [$(this).attr("id")]);             window.localstorage.removeitem($(this).attr("id"))             return false;         }         // add anchor tag show/hide link         $("fieldset.collapse").each(function (i, elem) {             // don't hide if fields in fieldset have errors             key = 'fieldsetcollapser' + + spath;             if (typeof (window.localstorage) != 'undefined') {                 var item = $(elem)                 .addclass("collapsed")                 .find("h2")                 .first()                 .append(' (<a id=' +                         key +                         ' " class="collapse-toggle" href="#">' +                         gettext("show") +                         '</a>)'                 ).find('a');                 if (window.localstorage.getitem(key)) {                     //alert('show')                     show.apply(item);                     $(item).toggle(hide, show);                 }else {                     if ($("ul.errorlist").length >0) {                       //alert('yo show')                       show.apply(item);                       $(item).toggle(hide, show);                   }else{                      $(item).toggle(show, hide);                      //alert("hide")                 }                 }              } else {                 throw "window.localstorage, not defined";             }         });     });

edited:see how works here (working jquery 1.6)

the reason .toggle() function deprecated because of confusion this!

what's going on code calling (on alternating basis) own internal "hide" , "show" functions. .toggle(hide,show) call takes care of you.

however, inside of hide() , show() functions, you're not hiding or showing anything. you're doing adding or removing class, may or may not hide or show something.

the solution

the solution alternatively call these 2 functions change 'click' event each time 1 of functions called.

at bottom of show() code, need add:

$(this).one("click", hide);

at bottom of hide() code, need add:

$(this).one("click", show);

finally, need replace calls .toggle() these calls:

$(item).one("click", hide); // replaces $(item).toggle(hide,show); $(item).one("click", show); // replaces $(item).toggle(show,hide);

why not .is(":visible")?

quite simply, class adding/removing "collapsed" class. class does not hide $(item). because of $(this).is(":visible") always true!

clearly, won't work.

here demonstration illustrates point: jsfiddle

fully in code

for read code instead of words:

function firstevent() {   // e.g. "hide"     //first event code     $(item).one("click", secondevent);  } function secondevent() {  // e.g. "show"     //second event code     $(item).one("click", firstevent);  }  $(item).one("click", firstevent); // replaces $(item).toggle(firstevent, secondevent);

Comments

Post a Comment

Popular posts from this blog

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

validation - How to pass paramaters like unix into windows batch file -

-
i need pass various parameters .cmd file unix format file.cmd -configuration=value -source=value -flag but, try this: startlocal @echo off cls setlocal set cmdline=%* set configuration= set source= set badargs= set validation= goto main :splitargs echo splitargs(%*) if "%*" neq "" ( /f "tokens=1,2,* delims== " %%i in ("%*") call :assignkeyvalue %%i %%j & call :splitargs %%k ) goto :eof :assignkeyvalue echo assignkeyvalue(%1, %2) if /i %1==-configuration ( set configuration=%2 ) else if /i %1==-source ( set source=%2 ) else ( rem append unrecognised [key,value] badargs echo unknown key %1 set badargs=%badargs%[%1, %2] ) goto :eof :validate echo validating set validation=fail if defined configuration ( echo -configuration ok if defined source ( echo -source ok if not defined badargs ( set validation=success ) ) ) goto :eof :main cl...
Read more