scroll not appear after ajax call fullpage.js

I'm using ajax with fullpage.js to get gallery images and apply isotope on it, after I click on the link to open gallery (go to target section) the scroll of the page does not appear and I can't scroll, but if I re-size the browser the scroll appears ..

/* HTML */

<div class="section" id="textscroll"> <div class="s" data-anchor="stext"> <div class="container"> <div class="ajax_content"></div> </div> </div> </div>

/* JS */

$('#fullpage').fullpage({ anchors: ['home', 'about', 'gallery'], keyboardScrolling: false, autoScrolling: true, loopHorizontal: false, scrollOverflow: true, controlArrows: false }); $('.gallery-link').on('click','a',function(){ var url = "directory/gallery_ajax.php"; var postid = $(this).attr('data-post'); $('.loading').addClass('active'); $.ajax({ type : 'post', url : url, data : { action : 'user_clicked', postid : postid }, success : function( response ) { $('.ajax_content').html('<div class="content" id="gallery-container"><div class="isotope">'+response+'</div></div>'); var $container = $('.isotope').isotope({ itemSelector: '.item', masonry: { columnWidth: 160, isFitWidth: true } }); $container.imagesLoaded( function() { $('.loading').removeClass('active'); $.fn.fullpage.moveTo(3,0); $container.isotope( 'layout' ); }); }, error: function( message ){ console.log(message); } }); return false; });

-------------Problems Reply------------

After calling "$('.ajax_content').htm" inside your response function you need to initialise scroll plugin again, because you changed dom and plugin must be reinitialized to compute new page dimensions

Category:javascript Views:3 Time:2018-04-14

Related post

  • Jquery color picker not working after ajax call 2012-01-12

    In my site I have added a jQuery color picker textbox as like: When loading page through ajax then this color picker is not working. That means color picker is not working after ajax call. How can i solve this proble

  • jquery().html() is not working after AJAX call in IE 2011-06-10

    i have fallowing code url = "./orderMaintenance.cso?searchLabel=addLineItemController&soNum=" + soNum; $.post(url,$('#ordMaintForm').serialize(), function(responseValue) { if(!checkSessionExpiry(responseValue)) { //alert("responseValue:::"+respon

  • Facebook Comment Box to appear after Ajax Call 2011-12-01

    I'm trying to make the Facebook Comment Social Plugin here to work with my Ajax jQuery call under Wordpress but unsucessfully. I am calling a page via jQuery load() after I click on a link. This brings me all the content from that page. I've tried th

  • jQuery tablesorter plugin does not work after AJAX call 2010-07-09

    I have used jQuery table sorter plugin in my code. It works fine as long as I don't make an ajax request to load the table data dynamically. I am using combo boxes to filter the contents of the table by ajax. I read few posts which says using $("tabl

  • MVC3 Unobtrusive Validation Not Working after Ajax Call 2011-08-13

    Ok, here is the deal, I have seen a few posts on SO relating to this issue, but nothing is working for me. Basically, I have select drop downs that are being loaded from partial views, I am trying to filter contents of each subsequent drop down, base

  • select value not changing after ajax call 2011-08-29

    I have written a piece of code to generate a chart by values generated by an ajax call. The problem is, the select (years) is not changing its value after the call is done loading. The weird thing is, i can see its value changing (if i alert its curr

  • javascript not working after ajax call 2011-11-13

    I have a page. In that page's header i have all of my javascript. In the pages body i have a link that calls an ajax http request (i use long hand xhr not jquery) and that request pulls a php form on to my page. That form has some select dropdowns th

  • jQuery is not redirecting after AJAX call 2011-12-24

    I'm validating a form using jQuery and against a database using PHP-MySQL. The AJAX call is successful but the current page(A) is not redirected to page(B) after successful validation. But if i refresh the page, the page(B) is loaded. That is, the ca

  • jquery does not work after ajax call.asp .net mvc3(Razor) 2011-12-28

    I am doing a post back to get a partial view using ajax following is the code I am using to render the partial view in a div called 'DivSearchGrid'. <script type ="text/javascript" > $('#Retrieve').click(function () { $('form').get(0).setAttrib

  • Js not working after Ajax call 2012-04-04

    I have a slider on homepage, i am trying to load next five posts in it on click of a button using Ajax. When i use Jquery .post to load the html of next five posts, the slider disappears.The cause being that a script called 'slider.js' does not work

  • Javascript not interpreted after ajax call 2012-04-12

    I am making a wordpress website and i got a problem. I added a social button to share post on several socials websites. I also made an infinite scroll loading next posts. My problem is that this javascript is not interpreted when i put the html callb

  • jquery not working after ajax call? 2011-04-24

    First post here. Recently I have been spending a lot of time learning JavaScript. I've been using the jQuery library and I just now learned that ajax calls will NOT work on portions of the page which are dynamically loaded (without refreshing). Natur

  • & Value not appearing with AJAX call 2010-09-29

    I am working on submitting values into a database through AJAX. It currently uses JQuery Ajax object.My Ajax code basically looks like this: enter code here var genre = form.new_album_genre.value; form.new_album_genre.value=""; $.ajax({ type: "POST",

  • JSF 2.0: cookies are not persisted immediately after AJAX call, HTTP request required 2011-01-19

    Ajax call performed in order to remove item from shopping cart - removeOrder() method is called UI removeOrder() call(JSF&Primefaces): <p:commandButton value="clean" actionListener="#{showProducts.removeOrder}" process="@form" update="@form,:c

  • Not seeing updated pagesource when using htmlunit with remotebrowser in c# after ajax call 2011-11-17

    I have a problem when using RemoteBrowser, htmlunit and running a test that checks the validation message in a modal windows which only shows in the pagesource after the AJAX call is made post click on submit. The issue is that the dynamic page sourc

  • stop scrolling to top after AJAX request 2011-03-27

    Possible Duplicate: How do I stop a web page from scrolling to the top when a link is clicked that triggers javascript? my browser scrolls to top after ajax request then i use $('html, body').animate({ scrollTop: $('#loadMore').offset().top }, 2000);

  • Running a js function after ajax call puts incoming data to an element 2009-04-13

    I have an ajax link in my application: <head> <script type="text/javascript">function GoFurther() { ... }</script> </head> ... <%= Ajax.ActionLink("Go", "SomeAction", "SomeController", new AjaxOptions() { UpdateTargetId = "

  • CSS styles gone after Ajax call in IE 7 2009-04-16

    I've had a problem with my styles not being applied after AJAX calls. My styles were not in the < HEAD> section of the page, and they were only recognized by IE on initial Page_Load. If you know of any other ways to fix this problem, post them

  • DOJO : How do you reinitiate form elements after ajax call? 2009-07-24

    I'm trying to do a couple of things using Zend Framework & Dojo Toolkit, and any help would be appreciated. Here's the problem: I have a form that is rendered with the Zend Framework form class, which has an ajax radio button selection. Clicking

  • Why does printf not flush after the call unless a newline is in the format string? 2009-11-11

    Why does printf not flush after the call unless a newline is in the format string? Is this POSIX behavior? How might I have printf immediately flush every time? --------------Solutions------------- The stdout stream is buffered, so will only display

  • binding jquery ui methods after ajax calls 2010-09-02

    I am using jquery ui in several places to create ui elements like tabs, tooltips etc. These all follow the same format of $('selector').ui_method_name, where the ui-method-name could be tabs, accordion, tooltip etc. This all works fine when the page

  • IE document.ready() not triggered after ajax request 2010-10-07

    document.ready() not triggered after ajax request in IE but work a charm in FF and chrome. I have two files. First file(test.jsp) just has a submit button. onclick it loads from struts the second file(result.jsp). . the two files are test.jsp <htm

  • jQuery binding click to a link after AJAX call 2011-01-30

    I'm getting furious - perhaps someone will be able to help me with this. I need to re-bind the click to the link after AJAX call, but for some reason it doesn't want to work. Here's my code: if ($('.active').length > 0) { $('.active').click(functi

  • MVC- How to get jQuery working after ajax calls 2011-01-30

    Ok getting my feet wet with mvc. I am trying to build a user profile type page. The page is made up of several sections, each loaded via a partial view. I want to be able to edit each section individually inside of an jQuery-UI modal dialog. I have t

  • FB Login button cannot be clicked after ajax call: auth.revokeAuthorization 2012-02-02

    I have a problem with my facebook login after ajax calls auth.revokeAuthorization I am using the Javascript SDK. The step to reproduce the error in my case is: Click FB Login button Allow to connect to FB App, followed by ajax calls by the system The

Copyright (C), All Rights Reserved.

processed in 0.188 (s). 11 q(s)