Jquery Mobile 使 Image Slider bxSlider 出现问题

Posted 2023-05-09

【中文标题】Jquery Mobile 使 Image Slider bxSlider 出现问题

【英文标题】：Jquery Mobile make problems with Image Slider bxSlider

【发布时间】：2016-08-12 16:13:10

【问题描述】：

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

知道为什么会这样吗？

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

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

谢谢 标记

【参考方案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();
);