0

我有一个 div，里面有一些动画，当我添加 jquery-ui 时，动画事件不会触发。如果我注释掉启用 jQuery-UI 的行，一切正常（当然除了 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">
4

1 回答 1

0

我没有仔细看，但是在 JS 之后加载 CSS 可能会导致问题。

尝试更改加载顺序，以便首先调用 css，并在样式表之前加载 jQuery.UI Css，以便您的样式表可以进行所需的修改。

于 2012-05-20T01:53:29.153 回答