Я использую путевые точки jquery для добавления / удаления классов. Прямо сейчас я загружаю документы в обертку div. Код выглядит так:
$(function () {
$('.content-section').load('about.html');
});
Однако, когда он загружает html-документ, все классы добавляются к своим соответствующим элементам, даже если они не находятся в области просмотра. Единственный способ заставить его работать должным образом - это если я отрегулирую размер экрана и обратно, тогда он начнет правильно обнаруживать элементы в их области просмотра.
Кто-нибудь знает, почему это происходит?
Обновлено: я также должен упомянуть, что я тестировал свой веб-сайт без загрузки внешних html-документов. Например, я перетащил все элементы из about.html в основную обертку div, которая, конечно же, находится в другом html-документе, и путевые точки легко обнаружили область просмотра.
Боюсь, я не знаю, как это будет работать, когда мне придется загружать разные html-документы. Путевые точки отлично определяют область просмотра, когда мне не нужно загружать внешние html-документы.
Ваш код настроен для работы в домене, готовом с $(function(){
.
Если вы хотите, чтобы это запускалось только при изменении размера окна, оберните свой код этим событием следующим образом:
$(function(){
$( window ).resize(function() {
$('.content-section').load('about.html');
});
});
Вы можете узнать больше о событии изменения размера jQuery здесь: https://api.jquery.com/resize/
Извините, я думаю, вы неправильно поняли то, что я говорил. При изменении размера у меня не возникает проблем с путевыми точками. Я говорю, что во время начальной загрузки html-документа путевые точки неправильно определяют область просмотра. Как только я изменяю размер экрана, ТОГДА он начинает работать нормально.
ты можешь создать скрипку?