jquery - 选项卡式 div 中的 jQuery bxslider

Question

如果有人遇到这个问题并解决了它，那么帮助会很棒。

我在一个页面上有 3 个滑块，这不是问题并且工作正常，直到我将每个滑块都放入一个 jQuery 选项卡式内容容器中。然后第一个运行正常，但是当我更改选项卡以隐藏第一个 div 与工作滑块时，我只得到上一个/下一个箭头和幻灯片编号，但幻灯片 li 是隐藏的。

任何帮助都会很棒。

谢谢杰夫

Answer 1

高度bx-viewport需要重新设置。jquery.bxslider.css或者正如 Korhan 所说，您可以通过在文件中手动设置此参数来修复它。设置这个参数解决了我的问题，似乎是一样的。

这个问题很难理解，不仅因为它（可能）是一个错误，还因为您还需要验证您正在执行的其他 DOM 操作，并且到目前为止，还没有官方对此问题的回应。长时间查看 div 的名称和他们的 Class 或 Id，检查您是否有 bx-viewport 的问题，并且一切都应该正常工作。

更新 1

解决此问题的其他方法是在您的导航中附加一个onclick 事件，然后在用户单击时触发bxslider 。

您可以使用这种方法一个接一个地附加一个 id，或者创建类似于正则表达式的东西来适应它。之后，当事件触发时，您将需要获取一些内容选项卡的 id。有了这个特定的 id，您可以在其中搜索正确的 'bxslider' id。您可以通过使用 Jquery查找功能来做到这一点。此时您可以调用 bxslider 构造函数。

这应该可以在现代浏览器中使用，所以再一次看一下 IE 问题。

Answer 2

我有类似的问题。当我查看萤火虫时，我意识到 *bx-viewport" 选项卡中每个滑块的高度为 0px。只需在 css 中给它静态高度并解决这个问题，所有滑块在选项卡中都是可见的。