0

<div>親に追加されたものを右から左にスライドさせようとしています。私はこれであまり成功していません。

私が達成しようとしているのは、追加されたときに右から左に中速でスライドすることです。jQueryUI と JQuery を使用してみましたが、うまくいきません。これを行う正しい方法は何ですか(jQueryUIを使用しない場合、またはそれを回避できない場合は使用します)

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Side bar poll thingy</title>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script type="text/javascript" src="http://localhost/site/scripts/jquery.validate.js"></script>
<script type="text/javascript">

$(document).ready(function () {
    $('.acceptUser, .rejectUser').click(function () {

        var action = $(this).attr('class');
            var type = $(this).data('id');


        var parentTag = $(this).parent("div");

        parentTag.empty();

        parentTag.append("<div class='flag' style='background:red;'>Success</div>").animate({left:'0px'});
    });
});

</script>
</head>
<body>

<div id="container">
UserName : Norman | SignedUp: 10-09-2013 | SignedUp Location: US

<div class="adminLinks">
    <span class="acceptUser" data-id="24">Accept</span>
    <span class="rejectUser" data-id="24">Reject</span>
</div>

</div>

</body>
</html>
4

1 に答える 1

1

新しく追加された要素を選択する必要があります。したがって、これを次のように書き換えることができます。

 parentTag.append('<div class="flag" style="background:red;">Success</div>');
 parentTag.find('div.flag').animate({ left: '0px' });

それを行う別の方法は、これを必要とせずに次の.find()とおりです。

$('<div class="flag" style="background: red;">Success</div>')
    .appendTo(parentTag)
    .animate({ left: '0px' });

デモ

購入前にお試しください(バージョン 1)

購入前にお試しください(バージョン 2)

于 2013-09-16T08:23:05.910 に答える