我在很多网站上使用和使用过Bxslider但之前从未遇到过这个问题,我知道bxsliders上一个和下一个按钮接受href中的页面链接但是在这个网站http://kmvgroup.com/test1/constructions-project-gallery/中以这种方式点击刷新页面
我在许多网站中使用过这个bx滑块,之前是这样一个网站http://www.reddogdiner.com/使用的滑块是bx-slider但是这可以正常点击下一个和上一个按钮滑块转到下一张幻灯片而不是页面刷新/重装。
我无法理解为什么在我上面的网站上发生了这种情况。我使用普通的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函数唯一的问题是页面刷新请有人帮我解决这个问题,
提前致谢。
答案 0 :(得分:0)
我有同样的问题。所以我使用了Mozilla的devtools,我看到按钮上有几个事件。所以我清理了一些不必要的事件,它已经消失了。