猫头鹰旋转木马问题与引导标签

我几乎完成创建一个整洁的用户配置文件页面，其中用户可以观看他们的个人资料。我正在使用集成在WordPress中的Bootstrap框架。我使用Bootstrap's Tabs为了获得一个很多的信息，但保持清楚的用户。我有两个主标签，名为“AWF I”和“AWF II”，在这些标签中我有关于该基金的信息，以及用于显示图片的猫头鹰旋转木马 The AWF I tab is active here 正如您所看到的旋转木马很棒，但是当我激活标签“AWF II”我得到这个： The AWF II tab is active here 正如你所看到的，图片/旋转木马本身超小，我不知道如何克服这一点，旋转木马应该显示为像“AWF I”标签。下面是可能给你们，为什么这种情况正在发生一些想法线索：当我点击右键并检查在谷歌浏览器的元素，转盘弹出，以正确的大小像它应该是： The correct display should be this 但当我切换回到“AWF I”之后，该传送带显示小图像，因此基本上，使用谷歌浏览器进行检查会使其转换角色。猫头鹰旋转木马问题与引导标签

任何线索？如果您需要更多信息，请让我知道！谢谢！

UPDATE 01

这里是我用来调用转盘代码：

$(document).ready(function(){ 

$("#owl-awf1-properties,#owl-awf2-properties").owlCarousel({ 
    pagination: true, 
    loop: true, 
    dots: false, 
    autoplay: true, 
    autoplayTimeout:2000, 
    autoplayHoverPause:true, 
    margin:10, 
    responsiveClass:true, 
    responsive:{ 
     0: { 
      items:2 
     }, 
     450:{ 
      items:3 
     }, 
     767:{ 
      items:4 
     }, 
     991:{ 
      items:5 
     }, 
     1199:{ 
      items:5 
     } 
    } 
}); 

});

来源

2014-10-11 Boris Kamp

你不会在页面加载时不使用Owl Carousel，它需要实际调整大小才能工作，或者它在页面加载时工作，如果它在页面加载时未加载的东西内部标签面板或面板组内容），那么它将不起作用。猫头鹰传送带响应，但它不流畅，它通过使用jQuery的响应，但不通过使用媒体查询。 – Christina 2014-10-11 13:29:33

http://jsfiddle.net/Epmwx/ - 做一个小提琴，看看你是否可以复制它，以便你可以得到帮助。 – Christina 2014-10-11 13:43:05

谢谢！至少我们现在知道这是因为页面的加载。是否有一些jQuery我们可以使用并绑定到标签按钮强制轮播工作？我更新了小提琴和内置的图像，它的工作原理是正确的，如果我们不能在没有小提琴的情况下弄清楚它，我会尽我所能复制它，但这会很难，因为我使用循环和东西。感谢迄今！ – 2014-10-11 15:22:37

@Jason Anello，在www.teamtreehouse.com国防部通过建议来解决这个问题从猫头鹰旋转木马2切换到更老，但更稳定的猫头鹰旋转木马1！我将我的css和js文件从版本2更改为版本1，现在轮播加载就像他们应该那样！谢谢贾森！

谢谢克里斯蒂娜也试图帮助！

来源

2014-10-13 19:50:21

您是否找到其他类型的解决方案？在我的情况下，切换到版本1是不可能的。 – zekia 2015-03-17 14:09:03

猫头鹰旋转木马问题与引导标签

回答

相关问题