Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery bootstrap 3转盘异常:go时出现空白内容;“上一次”;在第一个滑块项目之前,但只要单击“开始”即可正常工作;“下一步”;_Jquery_Html_Css_Twitter Bootstrap_Carousel - Fatal编程技术网

Jquery bootstrap 3转盘异常:go时出现空白内容;“上一次”;在第一个滑块项目之前,但只要单击“开始”即可正常工作;“下一步”;

Jquery bootstrap 3转盘异常:go时出现空白内容;“上一次”;在第一个滑块项目之前,但只要单击“开始”即可正常工作;“下一步”;,jquery,html,css,twitter-bootstrap,carousel,Jquery,Html,Css,Twitter Bootstrap,Carousel,引导3转盘异常,无错误信息, 单击第一张幻灯片之前的上一张幻灯片时会显示空白内容,但单击下一张幻灯片时会显示完全正常的内容 1.单击右边缘滑块将转到下一步,不会出现问题,循环成功 2.单击左边缘(在到达第一个滑块项目之前),您将看到空白(黑色)和旋转木马将不工作,但我的chrome控制台未显示任何有用的调试信息:( 我只是找不到这种情况的原因,也不知道这是否是一个dup问题。 在下面的评论中可以找到任何类似的问题/重复问题链接 我使用的init代码看起来很正常 $("#myCarousel")

引导3转盘异常,无错误信息, 单击第一张幻灯片之前的上一张幻灯片时会显示空白内容,但单击下一张幻灯片时会显示完全正常的内容

1.单击右边缘滑块将转到下一步,不会出现问题,循环成功

2.单击左边缘(在到达第一个滑块项目之前),您将看到空白(黑色)和旋转木马将不工作,但我的chrome控制台未显示任何有用的调试信息:(

我只是找不到这种情况的原因,也不知道这是否是一个dup问题。 在下面的评论中可以找到任何类似的问题/重复问题链接

我使用的init代码看起来很正常

$("#myCarousel").carousel({
            interval: 15000,
            pause: true,
            cycle:true                
});
HTML旋转木马部分(我使用的是Bootstrap3Carousel,因为你可以看到,即使是id名称也没有改变,它的演示id名称也是一样的。我想我没有做太多的更改。)


  • ............................. 滑块标题文本 ................................ 滑块标题文本 .................................
    在这种情况下,我觉得有几个问题很奇怪:

    1.转盘正在工作,右方向的循环工作正常,但确保左方向有问题

    2.当chrome在左方向变黑时,不会出现错误消息。(我使用的是chrome bowser,任何人都可以在其他浏览器中找到错误消息)

    请原谅我没有将完整代码粘贴到此处,因为我不确定完整代码的哪一部分触发了此问题(粘贴完整代码看起来也很混乱)。一旦找到问题,我将使用简短的示例代码作为此问题的原因重新编辑此文章。

    尝试删除代码

    <div class="carousel-nav-right-btn hidden-sm hidden-xs"></div>
    
    
    
    并将您的图像不是作为背景,而是作为img src

        <div class="item">
          <img src="http://lorempixel.com/1500/600/abstract/1" class="img-responsive">
          <div class="container">
            <div class="carousel-caption">
    
            </div>
          </div>
        </div>
    

    我遇到了一个非常类似的问题。对我来说,这是来自另一个插件的一些css代码,把引导转盘搞砸了。 该插件的css代码如下:

    .left , .left .ticker-content, .left .ticker-title, .left .ticker {
        float: left;
    }
    

    我更改了选择器,因此它不再适用于我的旋转木马,因为它工作得很好。

    这可能是因为某些浮点属性。在css中逐个禁用浮点,然后找出导致问题的原因


    这对我很有用。

    请用新版本更新你的引导js文件。

    请在此处添加有意义的代码和问题描述。不要只链接到需要修复的网站-否则,一旦问题解决,这个问题将对未来的访问者失去任何价值。发布一个演示你的问题的链接将有助于你获得成功更好的答案。有关更多信息,请参阅,谢谢!我完全同意粘贴问题的基本代码示例将有助于将来的读者,但有时调试器无法准确定位问题,例如演示页面中的旋转木马确认没有问题,但在定位真正原因之前,我们无法在此获取关键问题代码(那么包括整个代码可能会很混乱)因此,提供一个临时的实时url可能也是一个完整的调试环境,有时你会在很多ppl测试后看到,要求OP粘贴更多代码,以便调试或猜测哪些文件包含/未包含,因为信息不完整。在这里,我保证,一旦找到原因,将在这里重新识别问题代码,以利于将来的阅读可能会遇到相同问题的人。@j08691,当我履行承诺,尽最大努力将SSCCE示例与完整的url一起包含在此处时,您是否可以删除此问题的否决票?(我又花了1个小时,因为我确实是stackoverflow代码编辑器的新手)
    .left , .left .ticker-content, .left .ticker-title, .left .ticker {
        float: left;
    }