Плагин Easy Tabs, всегда прокручивайте вверх
0
Привет, я использую JQuery EasyTabs Plugin для моего сайта, следуйте инструкциям в онлайн- плагине JQuery EasyTabs. Кажется, он работает нормально; однако, когда я нажимаю на каждую вкладку, она всегда переходит в верхнюю часть, как "# tap1", в отличие от ее демонстрации. Я также проверил путь включения его необходимых файлов js, css и jquery, они уже верны. Вот требуемые файлы js и css
<script type='text/javascript' src='style/jquery.js'></script>
<script src="style/jquery.hashchange.js" type="text/javascript"></script>
<script src="style/jquery.easytabs.js" type="text/javascript"></script>
<link href="style/tabs.css" rel="stylesheet" type="text/css">
и это мой HTML для вкладок
<!-- TABS -->
<div id='e-tabs' style='width:720px;height:auto;float:left;'>
<div id="tab-container" class="tab-container">
<ul class='etabs'>
<li class='tab'><a href="#tabs1-html">Fatures</a></li>
<li class='tab'><a href="#tabs1-js">Most Recent</a></li>
<li class='tab'><a href="#tabs1-css">Most Popular</a></li>
</ul>
<div id="tabs1-html">
<!-- <h2>HTML Markup for these tabs</h2> -->
<!-- content -->
<div id='space'></div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
</div>
<div id="tabs1-js">
<!-- <h2>JS for these tabs</h2> -->
<!-- content -->
<div id='space'></div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
</div>
<div id="tabs1-css">
<!-- <h2>CSS Styles for these tabs</h2> -->
<!-- content -->
<div id='space'></div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
<div id='ads'>
<img src='ads-image\1.jpg'>
<div id='ads-title'><h4>Car for Sale</h4></div>
<div id='ads-price'><p>500$</p></div>
</div>
</div>
</div>
</div>
<!-- TABS -->
Может кто-нибудь мне помочь? дайте мне знать, если вам нужна дополнительная информация, спасибо
1 ответ
1
Лучший ответ
У меня была такая же проблема в Google Chrome 39, но не в Firefox или Safari.
Проблема заключается в том, что Google Chrome 39 перейдет к элементу с идентификатором хэша, когда будет обновлено location.hash.
Вы можете исправить это, изменив jquery.easytabs.js версии 3.2.0, чтобы обновить хэш, используя history.pushState({}, "", newHash) вместо location.hash = newHash. Этот запрос на растяжение уже делает это за вас.
Larry Battle
Поделиться
Ещё вопросы
- 0Как настроить сервер Go на совместимость с AngularJS html5mode?
- 1Как получить значение из динамического EditText и сохранить значения в массиве целых чисел?
- 0Вызовите функцию jquery, когда новый элемент отображается на странице
- 1Массовая вставка текстового файла в SQL Server с помощью pymssql
- 1MVC Paging не работает в AJAX-форме
- 0JQuery запускающее действие при загрузке страницы
- 0Нужен совет по созданию графически построенных чертежей с использованием Visual C ++
- 1Hadoop не производит вывод
- 0Параметр выпадающего не выбран - angularjs
- 1Классификация с использованием классификатора Бернулли в Lingpipe
- 0JS / jQuery - размытие () не срабатывает, когда пользователь нажимает «Enter»?
- 0Просмотр обновления в Angular
- 1Переопределение свойств с помощью System in Spring
- 0Доступ к элементу массива внутри объекта stdClass
- 0Как закрыть все открытые панели при нажатии на другую
- 0сравнить два входных значения в проверке входных данных HTML JavaScript?
- 0Google Map API не загружается, когда скрипт на той же HTML-странице
- 1оператор try-catch не возвращается к блоку try при отлове исключения
- 0не может скомпилировать opencv программы в ubuntu
- 1Читать значения из узлов XML?
- 0Показать результаты SQL-запроса на основе количества
- 0функция slideToggle работает отдельно
- 0Отображать страницу только после завершения асинхронного метода
- 0SDL2 основная система тиканья (openGL)
- 1Отображение значений и названий серий в JFreeChart
- 1Размер настраиваемого диалогового окна с изменениями анимации
- 1Не получать данные из кеша сессии, вместо этого попадать в БД
- 0Как решить поле 'classname' имеет ошибку неполного типа
- 1LocalDb в проекте asp.net требуют, чтобы некоторые конфигурации запускались на другой машине? VS2012
- 0C ++ мусор в конце файла
- 1Панды серии с разной длиной
- 0Совместимость Javascript, HTML и CSS внутри IFrame или вложенных IFrame
- 1ItemsControl в HubSection не на 100% высоты
- 0Преобразовать целые числа в символы [дубликаты]
- 1Шрифт C3.js tootltip
- 0Smarty, проходящий через массив
- 0Проблема приведения лямбда в std :: function
- 1Как удалить строки с повторяющимися значениями столбцов во фрейме данных Pandas?
- 1Matlab to Python Matrix Code
- 1Как использовать ресурс, ссылающийся на родительское представление?
- 1Python конвертирование из c # Расчет CRC8 из кадра 4/5 байт
- 0Нужны разъяснения относительно ссылок на массивы в определениях функций и прототипах
- 1Ищет наличие составного ключа в трех DataFrames и соответственно объединяет DataFrames
- 0Автоматическое обновление позиции пользователя на основе итоговой оценки с помощью PHP и MySQL
- 0Советы по базе данных MySQL
- 0PHP отображает имена элементов массива
- 0У вас нет прав доступа к / phpMyAdmin на этом сервере на сервере CentOS7 VPS
- 0Как выбрать все данные с запросом LIKE в Codeigniter
- 0Целочисленная арифметика при переполнении
- 0Отключить / включить кнопку отправки и запускать этот JavaScript каждые 1 секунду загрузки
SyntaxError: Using //@ to indicate source map URL pragmas is deprecated. Use //# instead. jquery.min.js:1The character encoding of the HTML document was not declared. The document will render with garbled text in some browser configurations if the document contians characters from outside the US-ASCII range. The character encoding of the page must be declared in the document or in the transfer protocol. index.htmlUse of the getPreventDefault() is deprecated. Use defaultPrevented instead. jquery-2.0.3.js