jQuery 'change' nor 'resize' works

Question

I wanted to make it so that the header stops moving when the user scrolls past the sliders on the top of the page, so I've used bootstrap affix to change the class. The problem is, the wordpress theme I'm using(zerif lite) has a pre-loader and it only sets the height after it's gone(otherwise it's set to 0, since it hides the slides div). So, since the site is responsive, I've decided that it would just be better to change the affix top parameter when the slides div height is changed, since it will go from 0 to x whenever the preloader, so I've used this code:

jQuery(document).ready(function(){
    jQuery("#main-nav").affix({
    offset: {
                top: jQuery(".sliders").height()
    }
});
    jQuery(jQuery(".sliders").height()).on('change',function(){
        alert('ayy');
    });
    jQuery('.sliders').on('resize', function(){
        alert(jQuery(".sliders").height());
    });
});

The current event function is set to that so that I know if it's working, but it's not, and with the click event I can see that it's actually changing.

`.resize` is only applicable to the `window` object. https://api.jquery.com/resize/ — Blazemonger, May 28 '15 at 20:06
`.change` is only applicable to form inputs. https://api.jquery.com/change/ — Blazemonger, May 28 '15 at 20:08
I'm afraid it's not quite clear to me what you're trying to watch. — Blazemonger, May 28 '15 at 20:12
you're trying to do `$(100).change()`. it doesn't work like that, you can't subscribe to a number changing. — DLeh, May 28 '15 at 20:14
I'm sorry. I want to trigger a function whenever the .sliders div height changes. — otaviomad, May 28 '15 at 20:14
possible duplicate of [jquery - How to determine if a div changes its height or any css attribute?](http://stackoverflow.com/questions/9628450/jquery-how-to-determine-if-a-div-changes-its-height-or-any-css-attribute) — DLeh, May 28 '15 at 20:15
You could simply try setting a `setTimeout` timer. Or use a [mutation observer](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver), but that doesn't support older browsers. — Blazemonger, May 28 '15 at 20:15

jQuery 'change' nor 'resize' works

0 Answers0