jQuery的UI打破動畫

我有了一些動畫中有一個DIV，當我在jQuery的UI添加，動畫不會觸發事件。如果我註釋掉啓用jQuery-UI的行，一切正常（當然除了ui函數）。以下是我遇到問題的代碼片段。jQuery的UI打破動畫

<script type="text/javascript"> 
     $(document).ready(function() { 
    $("#content").children().hide(); 
    $("#Home").show(); 

    $("#pagenav ul li").click(function() { 
    $("nav ul li").removeClass("selected"); 
    $(this).addClass("selected"); 
    $("#content").children().hide(); 
    $("#" + $(this).data("name")).show(); 
    }); 
    $("#myImageBox ul li").hide(function() { 
    $("#myImageBox ul li").each(function(index) { 
     $(this).delay(1000*index).fadeIn(500); 
    }); 
    }); 
    $("#accordion").accordion({ header: "h3" }); 
    }); 
</script>

任何想法爲什麼這會導致問題？感謝您的任何建議。

編輯：這裏是我使用調用腳本/ CSS等

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="layout.css"> 
    <link rel="stylesheet" type="text/css" href="css/south-street/jquery-ui-1.8.20.custom.css">

來源

2012-05-19 FireCrakcer37

代碼的第一部分是由工作方式，它隱藏了需要隱藏的部分，但它沒有運行動畫。它還將手風琴元素添加到指定的元素。 – FireCrakcer37

我沒有太仔細看代碼，但問題可以通過JS後裝載CSS引起的。

嘗試改變負載順序，使CSS是調用首先，你的樣式表之前裝入jQuery.UI CSS，讓你的樣式表可以進行必要的修改。

來源

2012-05-20 01:53:29 user1167442

也 - 這一行看起來錯誤：'$（本）.delay（1000 *指數）.fadeIn（500）;' – user1167442

試圖使您建議的修改，並沒有運氣。此外，如果線路看起來不正確，您會建議我如何解決它？感謝您的幫助，雖然:) – FireCrakcer37

對不起，我正在通過望遠鏡的錯誤結束 - 這條線看起來很好。 – user1167442

jQuery的UI打破動畫

回答

相關問題