0

我试图<div>从右向左滑动一个附加到它的父级的 get 。我在这方面没有多大成功。

我想要实现的是在附加时从右向左中速滑入。我尝试使用 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 回答