jquery循環插件div總是堆積的問題

我想把三個jQuery幻燈片放在一個div中。不知何故，沒有任何CSS定位幻燈片不會顯示在彼此下面，但堆疊。我怎麼才能讓sildes顯示在對方下面，就像正常的div一樣？jquery循環插件div總是堆積的問題

<div id="slidecontainer" style="background-color: red;"> 

<div id="q1"> 
     <img src="merkel01.jpg"/> 
     <img src="merkel02.jpg"/> 
     <img src="merkel03.jpg"/> 
     <img src="merkel04.jpg"/> 
     <img src="merkel05.jpg"/> 
    </div> 

<div id="q2"> 
     <img src="poyan01.jpg"/> 
     <img src="poyan02.jpg"/> 
     <img src="poyan03.jpg"/> 
     <img src="poyan04.jpg"/> 
     <img src="poyan05.jpg"/> 
     <img src="poyan06.jpg"/> 
    </div> 


<div id="q3"> 
     <img src="mirage01.jpg"/> 
     <img src="mirage02.jpg"/> 
     <img src="mirage03.jpg"/> 
     <img src="mirage04.jpg"/> 
     <img src="mirage05.jpg"/> 

    </div> 


    <div>TEST</div> 
    <div>TEST222</div> 
    <div>TEST333</div> 

</div>

另外，如果我增加額外測試的div他們也將在三個堆疊的幻燈片中放置...任何幫助vermy非常感謝！

fusi

來源

2010-04-13 user315430

這將是週期插件你在談論：http://jquery.malsup.com/cycle/ – 2010-04-13 12:11:46

你可以給我們一個鏈接到循環插件的源代碼嗎？

即使有可能沒有涉及CSS，該插件還可以做這與jQuery基本上是同一件事：element.css('position', 'absolute')

我要去這裏走出去的肢體，並建議你尋找絕對定位應用於div的任何地方，並將absolute更改爲static，因爲這是您的堆疊div最可能的原因。

編輯：，發現在那裏發生的事情，如果你使用http://jquery.malsup.com/cycle/

即使這會可能正常工作打破它，你應該能夠把它調整之後根據自己的喜好。

尋找這一行（259 jquery.cycle.js）：

$slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) {

將其更改爲：

$slides.hide().each(function(i) {

，並刪除這一行（261）：

$(this).css('z-index', z)

下面幾行。在jQuery的css方法

更多信息：http://api.jquery.com/css/

來源

2010-04-13 12:11:14

TNX！最好的，richy – user315430 2010-04-14 08:36:46

如果這是最好的答案，你可以將它標記爲已接受，並請取悅它嗎？謝謝。 – 2010-04-19 12:51:07

jquery循環插件div總是堆積的問題

回答

相關問題