3

この単純な jQuery スクリプトが機能しない理由について、私は完全に困惑しています。私は文字通り私の別のプロジェクト（コードが機能する）からコードをコピーして貼り付け、クラスタグを変更しました。

<html>
<head>
    <title>test page</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $('.click_item').click(
                function() {
                    $(this).animate({background: '#ffffff'}, 200);
                },
                function() {
                    $(this).animate({background: '#d0d0d0'}, 200);
                }
            );
    }) 
    </script>
    <style type="text/css">
        #one {
            height: 300px;
            width: 1000px;
            background-color: #a0a0a0;
        }
        .click_item {
            width: 100px;
            height: 30px;
            margin: 0px auto;
            margin-bottom: 10px;
            background: #d0d0d0;
            -moz-transition: background linear;
            -webkit-transition: background linear;
        }
    </style>
</head>

<body>

    <div id="one">
        <div id="map_options_box">
            <div id="kml1" class="click_item">item 1</div>
            <div id="kml2" class="click_item">item 2</div>
        </div>
    </div>

</body>

また、class および「this」タグの代わりに #kml1 および #kml2 ID タグを使用してみました。また、クリック機能をホバーとトグルに置き換えましたが、それでも機能しませんでした。コンソールにもエラーは表示されません。

4

2 に答える 2

12

ネイティブ jquery はこの機能をサポートしていないため、 jQuery カラー アニメーション プラグインを含める必要があります。

于 2012-09-14T19:50:47.997 に答える
1

試す：

<script type="text/javascript">
$(document).ready(function() {
        $('.click_item').click(
            function() {
                $(this).animate({background: '#ffffff'}, 200);
            },
            function() {
                $(this).animate({background: '#d0d0d0'}, 200);
            }
        );
});
</script>
于 2012-09-14T19:53:39.607 に答える