Question

我以零碎的方式组装我的网站，在那里我谷歌搜索代码片段和机械土耳其我的解决方案。如果我没有提出正确的问题，请提前道歉。

我的网站中的第一个条目按照我希望的方式工作。单击divs向左滑动并显示内容。通常在这一点上，我只是为每个条目复制并粘贴我的jQuery，并更改被调用元素的值。相反，我喜欢这样做＆＃34;对＆＃34;办法。我如何让我的脚本获取移动所需的元素然后移动它们？

A＆＃39;关键字＆＃39;我可以谷歌和研究可能是我需要走上正轨的一切。这是我放在一起的......

Live Demo of the Script

<script type="text/javascript">
    $(document).ready(function() {
        $('#sVita').click(function() {
            $('#sVita').animate({
                'marginLeft' : "-150%" 
            });
            $('.secondView').animate({
                'marginLeft' : "5%" 
            });
            $('.invisibleBackButton').animate({
                'marginLeft' : "0"
            });         
        });

        $('.invisibleBackButton').click(function() {
            $('#sVita').animate({
                'marginLeft' : "-250px"
            });
            $('.secondView').animate({
                'marginLeft' : "+150%" 
            }); 
            $('.invisibleBackButton').animate({
                'marginLeft' : "-100%"
            });                     
        });     
    });
</script>

Answer 1

我说给你的所有元素一个类，例如class =＆＃34; animateMe＆＃34;

然后在你的doc ready函数中

$(".animateMe").click(function() {
        $(this).animate({
        'marginLeft' : "-150%" 
        });
        $(this).siblings('.secondView').animate({
        'marginLeft' : "5%" 
        });
        $(this).siblings('.invisibleBackButton').animate({
        'marginLeft' : "0"
        });         
    });

每次使用jQuery函数时如何调用不同的元素？

1 个答案: