选项卡div中的jQuery bxslider

Question

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

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

任何帮助都将成为现实。

由于 杰夫

Answer 1

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

这个问题很难理解，不仅因为它（可能）是一个错误，而且因为你还需要验证你正在做的其他DOM的操作，直到现在，还没有官方回答这个问题。长时间查看div的名称和他们的Class'或Id'，检查你是否有bx-viewport的问题，并且每件事都应该正常工作。

  

<强>更新-1

     

    

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

         

你可以这样做，一个一个地附加一个id，或者创建一个类似于正则表达式的东西来适应它。之后，当事件触发时，您需要获取一些id内容选项卡。拥有此特定ID，您可以在其中搜索正确的'bxslider's id。您可以使用Jquery 查找功能执行此操作。此时，您可以调用bxslider构造函数。

  

这应该在现代浏览器中工作，所以再次，长期看看IE问题。

Answer 2

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