j查询点击将<li>淡出

Question

我有这个问题：我的代码正确吗？我在这里尝试做的是，当我单击"选择"按钮并插入按钮的值时，它将淡出，这意味着它已添加到我的数据库中。

这里的jQuery代码我添加了$（'li#static'）.fadeout（）;

代码如下：

// AJAX/JQUERY FORM
$(function() {
    $(".videoThumbS").click(function() {
        $("li#static").fadeout();
        var dataString = $(this).siblings('input[name="v_w_id"]').val();
        $.ajax({ 
            type: 'POST',                                  
            url: 'api.php',
            data: { v_w_id: dataString },
            dataType: 'html',               
            success: function(data) {
                var viewrecord = dataString;
                $('.selected_thumbs').append("<img class='appendPL' src=http://img.youtube.com/vi/" + viewrecord +"/default.jpg />");
            } 
        });    
    });
});

我的按钮是：

<input id="v_w_id_value" type="hidden" name="v_w_id" value="' . $yValue['videoid'] . '" />
<input class="videoThumbS" type="button" name="selectSel" value="Select" id="selectbut" />

我的代码正确吗？

Answer 1

替代方案：

1. 在 AJAX 请求中使用complete: function() {$("li#static").fadeout();}
2. 使用$(element).ajaxStop(function() {$("li#static").fadeout();});

Answer 2

将$("li#static").fadeout();放在成功函数中，以便淡出仅在插入数据库后才会发生。