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

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

Answer 2

备选方案：

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

jQuery onclick <li>将淡出</li>

2 个答案: