Question

我有我的代码：

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

我对第二行有疑问。它不会起作用。我的意思是，没有任何真正的动画。正确加载脚本文件，因为其他功能有效。我在这里做错了什么？

Answer 1

试试这个：

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

Answer 2

我在这里发布了我的内容

<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>

这很好用

如何在javascript中定位特定的css元素？

2 个答案: