javascript - Zurb foundation equalizer resize after ajax - Stack Overflow

admin管理员组

文章数量:1320614

I ran into a problem with Foundation equalizer, I am trying to dynamically readjust div heights with equalizer after I change content with ajax. I searched Foundation documentation, Stack overflow but I found no answer to this problem.

I noticed that it readjusts when I resize the browser, so it is possible, I just want to find out how to trigger it. (I obviously don't want to tell visitors to resize the browser every time they click a link)

edit: This seems to work, but is that the best solution?

$("#media").click(function(){
        $.ajax({
        url: "mediaproduction.html"
        })
        .done(function( html ) {
            $( "#main-content" ).html( html );

            $(document).foundation();
        });
    });

I ran into a problem with Foundation equalizer, I am trying to dynamically readjust div heights with equalizer after I change content with ajax. I searched Foundation documentation, Stack overflow but I found no answer to this problem.

I noticed that it readjusts when I resize the browser, so it is possible, I just want to find out how to trigger it. (I obviously don't want to tell visitors to resize the browser every time they click a link)

edit: This seems to work, but is that the best solution?

$("#media").click(function(){
        $.ajax({
        url: "mediaproduction.html"
        })
        .done(function( html ) {
            $( "#main-content" ).html( html );

            $(document).foundation();
        });
    });

• javascript
• jquery
• ajax
• zurb-foundation
• equalizer

Share Improve this question Follow edited Nov 19, 2014 at 17:03 Geronimo Palacios asked Nov 19, 2014 at 16:23 Geronimo PalaciosGeronimo Palacios 2111 silver badge33 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

For Foundation 6 :

Foundation.reInit('equalizer');

More info in the doc : http://foundation.zurb./sites/docs/javascript.html#adding-plugins-after-page-load

This is what we use on our site to do what you are talking about:

$(document).foundation('equalizer','reflow');

本文标签： javascriptZurb foundation equalizer resize after ajaxStack Overflow