JQuery滑塊在頁面加載時爆炸

我一直在試圖弄清楚如何在我正在處理的站點上停止這個滑塊：[加載鏈接]加載頁面時加載並推送所有內容。JQuery滑塊在頁面加載時爆炸

我試圖實施傑夫的答案，因爲在這篇文章中：Hide jQuery Accordion while loading但沒有成功，任何人都可以在這個問題上找到一些亮點，並告訴我我做錯了什麼。

滑塊通過啓動：

$('#slider .items').cycle({ 
    fx: 'blindY', 
    timeout: 9599 
});

正如Jerphs答案：

<body <?php echo $bodyid;?>> 
<script type="text/javascript">jQuery('body').addClass('js');</script>

我已經把body.js盈的滑蓋風格的主要樣式。

body.js #slider {margin-bottom:10px; margin-top:-60px} 
    body.js #slider .items {height: 283px; width:990px; position:relative;} 
    body.js #slider .items div {height:212px; width:990px; padding-top: 72px; background: 0px 72px no-repeat url("../images/banners/banner-bg.png"); background-color:transparent !important;} 
    body.js #slider .items div h1 {float: left; font-size:30px; color:#fff; font-weight:bold; margin:20px 0 0 20px;} 
    body.js #slider .items div p {float: left; font-size:20px; color:#C5E9FF; font-weight:bold; margin: 10px 0 0 20px; line-height:23px;} 
    body.js #slider .items div img {float: right; position:relative;} 

    body.js #slider .items .item-1 img {right:-1px; top:-23px; height:233px;} 
    body.js #slider .items .item-1 p, #banner .items .item-1 p {width:530px;} 

    body.js #slider .items .item-2 img {right:50px; top:-71px; height:281px;} 
    body.js #slider .items .item-2 p, #banner .items .item-2 p {width:530px;} 

    body.js #slider .items .item-3 img {right:50px; top:-32px; height:242px;} 
    body.js #slider .items .item-3 p, #banner .items .item-3 p {width:530px;} 

    body.js #slider .items .item-4 img {right:50px; top:-62px; height:272px;} 
    body.js #slider .items .item-4 p, #banner .items .item-4 p {width:550px;} 

    body.js #slider .banner-signup { position:relative; top:-20px; left:-20px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .banner-tour { position:relative; top:-20px; left:-20px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);} 

    body.js #slider .items .item-1 p a.banner-signup { position:relative; top:5px; left:-20px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .items .item-1 p a.banner-tour { position:relative; top:5px; left:-20px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);} 

    body.js #slider .items .item-3 p a.banner-signup { position:relative; top:-27px; left:-43px; margin:20px 0 0; display:block; float:right; width:100px; height:41px; background: top left no-repeat url(../images/banners/sign-up.png);} 
    body.js #slider .items .item-3 p a.banner-tour { position:relative; top:-27px; left:-43px; margin:20px 15px 0 0; display:block; float:right; width:73px; height:43px; background: top left no-repeat url(../images/banners/tour.png);}

有沒有一種方法可以阻止這個滑塊爆炸？

來源

2010-11-07 Solidariti

您的鏈接示例需要驗證..？另外，請不要在[tinyurl]（http://tinyurl.com/）（或類似鏈接）後面隱藏網址;請使用完整的**真實**網址（我喜歡看到我要去哪裏，當我點擊一個鏈接，責備太多年的Slashdot ...）。 – 2010-11-07 17:35:15

用戶名和密碼是'list'沒有評論。 – Solidariti 2010-11-07 18:35:06

我使用tinyURL的原因是，地址不會出現在搜索引擎中。對於造成的不便，我們深表歉意。 – Solidariti 2010-11-07 18:35:48

我認爲你應該在這裏做的只是用.hidden類與display:none隱藏滑塊，直到jQuery.ready(…)得到觸發器，並使滑塊在其初始化後可見。

來源

2010-11-07 17:46:52 shiawuen

我將如何重新初始化它？ – Solidariti 2010-11-07 18:37:37

我仍然無法得到這個工作，它仍然爆炸到頁面上，並減緩加載頁面。滑塊和手風琴都在做。 – Solidariti 2010-12-02 00:18:47

我不認爲這將是正確的事情，我試圖找到它的原因。 – Solidariti 2010-12-12 21:57:51

滑塊爆炸的原因是我目前使用的php include語句。我省略了這些，並且滑塊加載完美。

來源

2010-12-19 15:20:31 Solidariti

JQuery滑塊在頁面加載時爆炸

回答

相關問題