Question

我正在使用以下对AJAX的调用来处理数据库中的一些数据。目前所选择的行消失并且完全消失，但我只希望它消失，而不是完全消失。我试图模拟已选择该行。理想情况下，我想添加一个“已检查”状态。选中它时按钮的图标，但我不确定如何继续，所以我现在暂时淡化该行。

这是我目前的代码：

<script type="text/javascript">
$(function() {
$(".accept").click(function(){
var element = $(this);
var del_id = $(this).attr('id');
var info = 'id=' + del_id;

 $.ajax({
   type: "POST",
   url: "accept.php",
   data: info,
   success: function(){}

});
  $(this).parents(".show").animate({ backgroundColor: "#003" }, "slow")
  .animate({ opacity: "hide" }, "slow");
});
});
</script>

非常感谢任何有关淡入淡出或添加图标的帮助！

Answer 1

首先，在AJAX调用的回调中淡化。其次，试试这个。将不透明度设置为0.5而不是hide

<script type="text/javascript">
$(function() {
    $(".accept").click(function(){
          var element = $(this);
          var del_id = $(this).attr('id');
          var info = 'id=' + del_id;

         $.ajax({
            type: "POST",
            url: "accept.php",
            data: info
         }).done(function(returndata) {
              $(element ).parents(".show").animate({ backgroundColor: "#003" }, "slow")
              .animate({ opacity: 0.5 }, "slow");
         });
    });
});
</script>

通过AJAX更改Jquery元素的不透明度

1 个答案: