Jquery Mobile 使 Image Slider bxSlider 出现问题

Question

我需要你的帮助。我有以下页面http://mobile.mmkonzerte.de/，在此页面上我使用 jQuery Mobile 和 Slider bxSlider。 页面本身运行良好。但是当我从一个页面跳到另一个页面时，Slider 首先显示 1-2 秒所有没有 css 格式的图片。

知道为什么会这样吗？

其次，如果我单击浏览器后退按钮，滑块将不再显示，而是显示一些项目符号。

对这个案例还有什么想法吗？

谢谢 标记

Answer 1

我认为你应该在页面的pagebeforeshow 事件中销毁页面滑块 并在页面显示事件中重新初始化

这是 pagebeforeshow 的代码。

$('#page').on('pagebeforeshow', function() {
     sliderSelector.destroySlider();
     console.log("page before show.")
});

现在在 pageshow 事件中像这样初始化它

$('#page').on('pageshow', function() {  
     console.log("page is shown");
     //now you can initialize slider   
     sliderSelector.bxSlider();
});