Проблемы со слайдером?

Question

[Dmitry]

Здравствуйте, мне нужно скопировать лендинг с другого сайта, я это сделал через исходный код в браузере.
Вот только возникли проблем со слайдером(в исходном коде переключатель имеет такой вид):

<div class="bx-controls bx-has-pager">
<div class="bx-pager bx-default-pager">
<div class="bx-pager-item"><a href="" data-slide-index="0" class="bx-pager-link active">1</a></div>
<div class="bx-pager-item"><a href="" data-slide-index="1" class="bx-pager-link">2</a></div>
<div class="bx-pager-item"><a href="" data-slide-index="2" class="bx-pager-link">3</a></div>
<div class="bx-pager-item"><a href="" data-slide-index="3" class="bx-pager-link">4</a></div>
</div></div>

Почему при нажатии на эти переключатели слайдера страница обновляется, а не листает слайдер ?

Answer 1

[Decadal]

Потому что этот слайдер подключается в виде плагина jQuery, и вам недостаточно скопировать лишь html-элементы. Вам нужно подключить и скрипты, именно в том порядке, в каком они подключаются на сайте-оригинале

Comments

[Dmitry]

я ведь через исходный код все скопировал, и подключил, как js так и css

[Decadal]

Допустим. А файлы js вы скопировали?)
Они же физически лежать могут на чужом сервере и подключаться относительными ссылками. Скопировав подключение такого скрипта и поставив себе, вы получите ошибку 404 в консоли. Нажмите ф12 на своей странице

[Dmitry]

Decadal: а если js брать автоматически с сайта донора ?

[Decadal]

Так можно, но сайт донор узнает о вашем сайте по логам обращений к скриптам. Да и долго пути заменять

[Dmitry]

Decadal: ну смотрите, я перенес js к себе, и прописал правильно пути, слайдер все же не заработал

[Dmitry]

Мне кажется, что браузер дописывает что-то в переключателях

[Decadal]

Мне кажется, вам нужно заглянуть в консоль и посмотреть какие ошибки он выводит)

[Dmitry]

Decadal: их нету, посмотрите сами 1.thebadyg.beget.tech

[Decadal]

да, их нет, значит, плагин просто не подключился. Отвечая на ваш вопрос, скажу что перезагружает страницу оно потому что кнопочки оформлены в виде тега a с пустым href. При наличии подключенного плагина для таких элементов обычно делают e.preventDefault(); и они не перезагружают страницу.
Ищите скрипт, в котором подключается библиотека плагина и в котором происходит связывание слайдера и плагина - где-то что-то упущено)