javascript - jQuery appendTo 在 $.post 下不起作用

Question

// plays a card into table.
// this code works. rendered card is appending into the table.
    var playCard = function(card){
        var renderedCard = renderCard(card);
        $('#'+renderedCard.id).appendTo('#flop');

// but this one does not work.
var playCom = function(){
        $.post('/api/comPlay', function(data){
            var renderedCard = renderCard(data.card);
            $('#'+renderedCard.id).appendTo('#flop');
        });
    };

我检查了 $.post 的返回值。 data.card 给出了正确的值。我使用 renderCard 函数创建了一个 div html。如您所见，该功能正常工作。但在 $.post 下没有。

我卡住了。关于 $.post 有什么我必须知道的特别之处吗？

谢谢。

更新 :

var renderCard = function(card){
        var create = document.createElement('div');
        create.className = 'cardBig';
        create.id = card;
        return create;
    };

Answer 1

您不需要“查找”您新创建的 DOM 元素。

$(renderedCard).appendTo('#flop');

应该这样做。

另外，既然你一直在使用 jQuery:

$('#flop').append($('<div/>', {
  className: 'cardBig',
  id: data.card
}));

将为您节省额外的功能。