Question

我想使用jquery在点击一个标签时将一个div（在屏幕上绝对定位）移动到它的父元素的特定部分。

<div id="casestudy4" class="newboxes2">
                                <div class="paperclip"></div>
                                <p>text here</p>

                            </div> <!-- end div casestudy4 -->

基本上.paperclip绝对定位于左边：25％;顶部：-2000px;当点击链接时，我希望它向下移动。

Answer 1

    <script type="text/javascript">
        $(function () {

            $("#move").click(function () {
                $(".paperclip").animate({
                    top: "+=500px"
                }, 5000);
                return false;
            });
        });
    </script>

    <a href="#" id="move">move</a>

希望它有所帮助。

Answer 2

单击链接

时，可以使用此隐藏div

$(selector).click(function(){
   $('.paperclip').hide();
})

Answer 3

假设链接是段落，这是一个解决方案。

$("#casestudy4 > p:first-child").click(function() {
  $("#casestudy4 > .paperclip").css("top", "500px");
}

显然，您必须正确定位链接并正确指定“down”的含义，而不是500px。

单击另一个移动一个div？

3 个答案: