第一张幻灯片不会显示在选项卡内的 jQuery Royal Slider 中

First slide doesnt show in jQuery Royal Slider within tabs

本文关键字：选项 jQuery Slider Royal 显示 一张 幻灯片      更新时间：2023-09-26

我正在尝试将Royal Slider集成到我的网站中。但是，当滑块位于页面上的选项卡中时，我在使用第一张幻灯片时遇到问题。

例如，您可以在 http://christierichards.co.uk/slidertest/newtemplatefix.php 看到滑块工作正常（目前还没有样式）。

在此页面上 http://christierichards.co.uk/slidertest/newtemplate.php 当您单击之前和之后（这是我希望滑块出现在其中的选项卡）时，直到您单击选项卡 2 然后高度似乎出现，才会显示第一张幻灯片。

我已经设法在选项卡中修复了它，但这只能通过在 .rsOverflow 上添加固定高度。我不能使用固定高度，因为我需要自动高度功能来为客户添加自己的照片。所以我需要一种不同的解决方法。

某处一定有一段冲突的代码，但是我被难住了！任何帮助将不胜感激。

谢谢

正在初始化滑块，同时它隐藏在选项卡后面。因此，它无法计算其高度和宽度，并且是不可见的。当您切换到滑块中的下一项时，将重新计算高度和宽度，这就是您可以再次看到它的原因。

您可以将初始高度添加到 .rsOverflow ，或者在单击选项卡时（重新）初始化滑块，并且内容可见。

例如：

var sliderInitialised = false;
$j( "#tabs" ).tabs({
  activate: function( event, ui ) {
     // Check the activated tab, is the one that contains the slider
     if(!sliderInitialised) {
         // Initialise slider ...
         sliderInitialised = true; 
     }
  }
});

或者，可以在隐藏所有选项卡内容之前初始化滑块。

相关文章：