reactjs - jQuery Animate works after first click -

-

i'm trying hook jquery's animate ability bookmark id on site. when click on link, went bookmark id without animation when clicked same link again, animation works. 

var titlenav = react.createclass({     handlesubmitclick:function()     {         $('a').click(function()         {             $('html, body').animate(             {                 scrolltop: $( $.attr(this, 'href') ).offset().top             }, 500);             return false;         });     },      render:  function() {         return(             <div>                 <ul classname = "nav">                     <li classname = "navworkspace" onclick ={this.handlesubmitclick}><a href="#work">work</a></li>                 </ul>             </div>         );     } });

i assume way components called since components not wait on each other. there way fix this?

note: using react.js render site.

the reason handlesubmitclick function binding click event handler link, not trigger event. first time click on link, nothing bind event. after that, since handler binded, animation works 2nd times , on. can change code to

var titlenav = react.createclass({     componentdidmount: function()     {         $('.nav a').click(function()         {             $('html body').animate(             {                 scrolltop: $(this).offset().top             }, 500);             return false;         });     },      render:  function() {         return(             <div>                 <ul classname = "nav">                     <li classname = "navworkspace"><a href="#work">work</a></li>                 </ul>             </div>         );     } });

or can this

var titlenav = react.createclass({     handlesubmitclick: function(e)     {         $('html body').animate(         {             scrolltop:$(e.target).offset().top         }, 500);         return false;      },      render:  function() {         return(             <div>                 <ul classname = "nav">                     <li classname = "navworkspace" ><a href="#work" onclick ={this.handlesubmitclick}>work</a></li>                 </ul>             </div>         );     } });

Comments

Post a Comment

Popular posts from this blog

Django REST Framework perform_create: You cannot call `.save()` after accessing `serializer.data` -

-
i have following viewset: class artistprofileviewset(viewsets.modelviewset): queryset = artistprofile.objects.all() serializer_class = artistprofileserializer def perform_create(self, serializer): if serializer.is_valid(): serializer.save() with following serializers: class simpleartisttrackserializer(serializers.hyperlinkedmodelserializer): class meta: model = artisttrack fields = (...my fields...) class artistprofileserializer(serializers.hyperlinkedmodelserializer): owners = userserializer(many=true, required=false) tracks = simpleartisttrackserializer(many=true, required=false) class meta: model = artistprofile fields = (...my fields...) i getting following error: assertionerror: cannot call `.save()` after accessing `serializer.data`.if need access data before committing database inspect 'serializer.validated_data' instead. i don't see editing serializer.data object. th...
Read more

Why does Go error when trying to marshal this JSON? -

-
i'm trying rather simple example of trying decode json file structs using golang. however, when attempting error that json: cannot unmarshal object go value of type []main.track which don't understand. here's code in question, , json can found here . package main import ( "encoding/json" "fmt" "net/http" "os" ) // tracks group of track types type tracks struct { tracks []track } // track represents singular track type track struct { name string url string artist artist } // artist represents single artist type artist struct { name string mbid string url string } func main() { url := "http://ws.audioscrobbler.com/2.0/?method=geo.gettoptracks&api_key=c1572082105bd40d247836b5c1819623&format=json&country=netherlands" response, err := http.get(url) if err != nil { fmt.printf("%s\n", err) os.exit(1) } de...
Read more