jQuery слайд-шоу прокручивает страницу вверх при изменении изображения - PullRequest
Новая
       5

jQuery слайд-шоу прокручивает страницу вверх при изменении изображения

1 голос
/ 16 сентября 2011

Я только что добавил слайд-шоу jQuery на веб-сайт нашей компании, и все это прекрасно работает, за исключением того, что каждый раз, когда изображение меняет страницу, переходит наверх, и я не могу понять почему!

Сайт, о котором идет речь, www.fireguardservices.com

Я немного новичок в этом, поэтому будьте нежны, пожалуйста, и заранее спасибо за помощь:)

Ответы [ 3 ]

0 голосов
/ 13 мая 2012

Я вижу, у вас все еще есть эта проблема. Ну, у меня тоже была такая же проблема на моем сайте. Выполнение следующих правок разрешило это:

  1. вместо отображения: inline использовать inline-block. Firefox не любит выцветание встроенных элементов. (Извините, не знаю точной причины.)

  2. Укажите ширину и высоту в css изображений. Исправьте их для всех изображений. Оберните их в другой div, если возможно, и исправьте размеры этого div. Установка переполнения для скрытого для него.

Надеюсь, это поможет.

0 голосов
/ 03 августа 2013

У меня была такая же проблема, я исправил ее, чтобы убедиться, что ширина и высота всех изображений слайд-шоу совпадают с шириной и высотой div, который обернут вокруг них.

0 голосов
/ 16 сентября 2011

Если вы заглянете в код за страницей, у вас будет полный HTML-документ, встроенный в ваш оригинальный HTML-документ, который является большим «нет-нет» и, вероятно, вызовет проблемы такого рода.Второй HTML-документ начинается со строки 126.

Необходимо переместить код HTML и javascript из этого второго документа HTML, поместить его в основной документ HTML, а затем удалить этот второй документ HTML.

Надеюсь, что это поможет!

ОБНОВЛЕНИЕ

Структура HTML-документа должна быть такой: 

<html>
  <head>

  </head>

  <body>

  </body>
</html>

Должно быть только когда-либобыть одним тегом <html>, открытым и закрытым, одним тегом <head>, открытым и закрытым, и одним тегом <body>, открытым и закрытым.

Если вы посмотрите на исходный код своей страницы, у вас появится второй <head> и <body>, которые вызывают проблему.Разметка недействительна, но браузеры достаточно умны, чтобы угадать, что вы пытались сделать, поэтому она выглядит нормально, но не работает правильно.

Чтобы исправить это, сделайте следующее:

Удалить строку 127 (<head>)Удалить строку 128 (<title>Home Page Slide Show</title>)Удалите строки 129 и 130 (вы уже включили jQuery в свой документ, поэтому вам не нужно добавлять его снова)Удалить строку 148 (</head>)Удалить строку 149 (<body>)Удалите строку 151 (</body>)

Это должно сработать.

После того, как вы закончите, пропустите страницу через W3 Validator и исправьте любую другую проверкупроблемы.

У меня никогда не было подобных проблем с циклом jQuery (хотя кто-то еще сообщал, что подобное происходит здесь ), поэтому я могу только догадываться, что проблема связана с вашей разметкой;исправить это, и вы должны быть золотыми.

...