問題bootstrap 3傳送帶更改高度爲0px和marigin到-..... px

我添加到我的網站的傳送帶行爲真的很奇怪。在2的週期中，幻燈片向上滑動。父div的高度變爲0px，並且子div的邊距變爲負值。在bootstrap網站的例子中，這不會發生。我從bootstrap網站複製了最新的代碼，找不到我做錯了什麼。問題bootstrap 3傳送帶更改高度爲0px和marigin到-..... px

如果有人能幫助我，我會喜歡它。

http://humandemo.cloudaccess.host標題右側在頁面頂部。

代碼使用：

<div class="container"> 
    <div id="myCarousel" class="carousel slide" data-ride="carousel"> 
     <!-- Carousel indicators --> 
     <ol class="carousel-indicators"> 
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li> 
      <li data-target="#myCarousel" data-slide-to="1"></li> 
     </ol> 
     <!-- Wrapper for carousel items --> 
     <div class="carousel-inner"> 
      <div class="item active"> 
       <img src="/images/page-specific/home/iPhone-Comp-hw.png" alt="Second Slide"> 
      </div> 
      <div class="item"> 
       <img src="/images/page-specific/home/iPhone-Comp-hw.png" alt="First Slide"> 
      </div> 
     </div> 
     <!-- Carousel controls --> 
     <a class="carousel-control left" href="#myCarousel" data-slide="prev"> 
      <span class="glyphicon glyphicon-chevron-left"></span> 
     </a> 
     <a class="carousel-control right" href="#myCarousel" data-slide="next"> 
      <span class="glyphicon glyphicon-chevron-right"></span> 
     </a> 
    </div> 

    </div>

來源

2016-06-28 Jeroen van Haasteren

我想這是mootools-more.js的工作。此腳本包含the Fx.Slide class：

幻燈片效果以水平或垂直方向滑動元素。內容將在內部摺疊。

嘗試對該腳本發表評論。

來源

2016-06-28 20:16:26

我做了一些研究，確實mootools的衝突與bootstrap。（函數（$）{ $（document）.ready（function（）{}）每個（函數（索引，元素）{ $（this）[index] .slide = null; } –

@Jeroen：我已經檢查您的網站，並通過「檢查元素」嘗試了一些改變CSS和按我你應該檢查DIV ID =「myCarousel」和DIV CLASS = 「轉盤-內部」。如果他們已經設置了一定的高度。希望這可以幫助你。

來源

2016-06-28 12:54:02 Jayanta

您的Bootsrap旋轉木馬代碼是完美的，沒有問題。你的另一個腳本可能存在問題，我已經在codepen中使用了你的代碼，它的工作非常好。

來源

2016-06-28 13:34:51

http://codepen.io/Samir_designer/pen/jrBLxE - 選中此codepen –

我在@Gleb Kemarsky的回答後做了一些研究，謝謝你。事實上自舉MooTools的衝突，請參閱：https://github.com/joomla/joomla-cms/issues/475

修復的方法是：

if (typeof jQuery != 'undefined') { 
(function($) { 
$(document).ready(function(){ 
$('.carousel').each(function(index, element) { 
$(this)[index].slide = null; 
}); 
}); 
})(jQuery); 
}

來源

2016-06-29 09:01:07

問題bootstrap 3傳送帶更改高度爲0px和marigin到-..... px

回答

相關問題