0

我有我的代码：

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

我有一个关于第二行的问题。它行不通。我的意思是，没有什么真正的动画。脚本文件已正确加载，因为其他功能正常工作。我在这里做错了什么？

4

2 回答 2

3

尝试这个：

$(document).ready(function() {
 $('#topznav ul li').click(function() {               
  $('#topznav').animate({
     marginLeft: '+=10px'        
   }, 400);
});                                          
});
于 2013-10-04T07:55:54.627 回答
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 回答