При нажатии кнопки prev и next buttons обновляется в Bx-slider

Question

Я использовал и использовал Bxslider на своих многочисленных веб-сайтах, но никогда не сталкивался с этой проблемой раньше, я знаю, что bxsliders prev и next buttons ссылаются на ссылку на страницу в href, но берут таким образом в этот сайт http://kmvgroup.com/test1/constructions-project-gallery/ при нажатии кнопки обновления страницы.

Я использовал этот слайдер bx на многих сайтах, прежде чем здесь находится один такой сайт http://www.reddogdiner.com/ Используемый слайдер - это bx-слайдер, но это прекрасно работает при нажатии следующей и предыдущей кнопок, ползунок переходит на следующий слайд, а не обновляет/перезагружает страницу.

Я не могу понять, почему это происходит на моем сайте. Я использовал нормальный код BX завернуты мое содержание таким образом

<ul class="bxslider"> 
    <li> 
<div class="background" style="position: relative; width: 100%; height: 335px;"> 
<div style="position: absolute; top: 0px; left: 0px; width: 33%;">[awesome-gallery id=1435]</div> 
<div style="position: absolute; top: 0px; left: 33%; width: 33%;">[awesome-gallery id=1438]</div> 
<div style="position: absolute; top: 0px; left: 66%; width: 33%;">[awesome-gallery id=1440]</div> 
</div> 
<div class="background" style="position: relative; width: 100%; height: 335px;"> 
<div style="position: absolute; top: 0px; left: 0px; width: 33%;">[awesome-gallery id=1485]</div> 
<div style="position: absolute; top: 0px; left: 33%; width: 33%;">[awesome-gallery id=1493]</div> 
<div style="position: absolute; top: 0px; left: 66%; width: 33%;">[awesome-gallery id=1502]</div> 
</div></li> 
    <li> 
<div class="background" style="position: relative; width: 100%; height: 335px;"> 
<div style="position: absolute; top: 0px; left: 0px; width: 33%;">[awesome-gallery id=1435]</div> 
<div style="position: absolute; top: 0px; left: 33%; width: 33%;">[awesome-gallery id=1438]</div> 
<div style="position: absolute; top: 0px; left: 66%; width: 33%;">[awesome-gallery id=1440]</div> 
</div> 
<div class="background" style="position: relative; width: 100%; height: 335px;"> 
<div style="position: absolute; top: 0px; left: 0px; width: 33%;">[awesome-gallery id=1485]</div> 
<div style="position: absolute; top: 0px; left: 33%; width: 33%;">[awesome-gallery id=1493]</div> 
<div style="position: absolute; top: 0px; left: 66%; width: 33%;">[awesome-gallery id=1502]</div> 
</div></li> 
</ul> 

включены соответствующие файлы и называется bxslider функции JQuery единственная проблема с обновлением страницы, пожалуйста, кто-то помочь мне по этому поводу,

Спасибо заранее.

Answer 1

У меня была такая же проблема. Поэтому я использовал devtools Mozilla, и я увидел, что на кнопках есть несколько событий. Поэтому я очищаю ненужные события, и он ушел.