jquery - how to avoid endless animation triggered by multiple clicks on menu item -

-

i working on second site decided utilize jquery. got problem , can't resolve , neither find out solution on web.

so, created 1 page site has menu , each item of triggers animation (horizontal movement + fadeout). clicking on second/third or fifth link, initial home page animations fading out, while clicking on "home", animations/images/etc. returning proper-initial places. though, if click on "home" twice or ten times, on each click, horizontally animated stuff moving endless assigned distances.

so, questions are: 1. how should resolve problem - endless animation multiple clicks on "home" menu item; 2. how make other menu items work , find animated objects in initial places clicking on "home"?

here code. sorry if find mess here - green in jquery. thank in advance :)

<div id="nav">     <ul class="nav">        <li id="home"><a class="active" href="#">home</a></li>        <li id="stylist"><a href="#">hair stylist</a></li>        <li id="salon"><a href="#">salon</a></li>        <li id="center"><a href="#">dibi center</a></li>        <li id="gallery"><a href="#">gallery</a></li>        <li id="press"><a href="#">press</a></li>        <li id="check"><a href="#">check up</a></li>     </ul>  </div>   $(document).ready(function() {      var nav_0 = $("li#home")      var nav_1 = $("li#stylist")      var rot1 = $("#rotate_1")      var rot2 = $("#rotate_2")      var rot3 = $("#rotate_3")      var rot4 = $("#rotate_4")      var rot5 = $("#rotate_5")      var initialpage = $("#fade")   nav_0.click(function(){      initialpage.fadein(1500);      rot1.animate({"left": "-=20%", "opacity": "1"}, 1000);      rot2.animate({"top": "-=400px", "opacity": "1"}, 1000);      rot4.fadein(2000);      rot5.animate({"left": "+=200px", "opacity": "1"}, 1000);      rot3.animate({"top": "+=300px", "opacity": "1"}, 1000);  });   nav_1.click(function(){      initialpage.fadeout(2000);      rot1.animate({"left": "+=20%", "opacity": "0"}, 1500);  rot2.animate({"top": "+=400px", "opacity": "0"}, 1500);  rot4.fadeout(800);  rot5.animate({"left": "-=200px", "opacity": "0"}, 1500);  rot3.animate({"top": "-=300px", "opacity": "0"}, 1500);  });  });

how checking see if menu animating:

if($('.menuclass:animated').length == 0){   *do animation . . .* }

this check see of '.menuclass' animated, if isn't, kick off animation. if animated, nothing.


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more