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>

なぜこれが問題を引き起こすのかについて何か考えはありますか? アドバイスをありがとう。

編集: これは、scripts/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 に答える