0

タグがクリックされたときに、jquery を使用して 1 つの div (絶対に画面外に配置されます) をその親要素の特定の部分に移動したいと思います。

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

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

基本的に .paperclip は絶対に配置されています left:25%; 上:-2000px; リンクがクリックされたときに下に移動したいと思います。

4

3 に答える 3

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

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

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

それが役に立てば幸い。

于 2012-07-20T05:12:05.667 に答える
0

リンクをクリックしたときにdivを非表示にするためにこれを使用できます

$(selector).click(function(){
   $('.paperclip').hide();
})
于 2012-07-20T05:19:37.483 に答える
0

リンクが段落であると仮定すると、これが解決策です。

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

明らかに、リンクを適切にターゲティングし、代わりに「ダウン」の意味を適切に指定する必要があります500px

于 2012-07-20T07:18:01.347 に答える