0

私は自分のコードを持っています：

$(document).ready(function() {
 $('#topznav ul li').click(function() {               
  $('#topznav').animate({
     marginLeft: '10px'        
   }, 400);
});                                          
});

二行目について質問です。うまくいきません。つまり、実際にアニメーション化するものは何もありません。他の機能が動作するため、スクリプト ファイルは正しく読み込まれます。ここで何が間違っていますか？

4

2 に答える 2

0

ここで私は私が得たものを投稿しています

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $('#topznav ul li').click(function() {
                    $('#topznav').animate({
                        marginLeft: '+=10px'        
                    }, 400);
                });                                          
            });

        </script>
    </head>
    <body>
        <div id="topznav">
            <ul >
                <li>
                    <a href="javascript:void(0);">test1</a>
                </li>

                <li>
                    <a href="javascript:void(0);">test2</a>
                </li>                
                <li>
                    <a href="javascript:void(0);">test3</a>
                </li>
            </ul>
        </div>
    </body>
</html>

これはうまくいきます

于 2013-10-04T08:01:41.610 に答える