jQuery Hinzufügen eines div nach einer generierten Tabelle

Question

Ich bin sicher, ich habe die richtige Logik hier und versuchte nach und einfügennach, aber scheint nicht zu funktionieren ... irgendwelche Ideen?

JS:

if(content) { 
    var $table = $('<table/>'); 
    $table.addClass('product-table'); 
    $table.append(
     '<tr><td><img src="' + content[0].image + '" class="thumbnail"/></td>' + 
     '<td><strong>' + content[0].title + '</strong></td>' + 
     '<td>SKU: ' + content[0].sku + '</td>' + 
     '<td>&pound;' + content[0].price + '</td></tr>' 
    ); 
    $table.after('<div class="button-container">' + 
        '<a href="#">view cart</a>' + 
        '<a href="#">checkout</a>' + 
       '</div>'); 
    $(notice_content).find(notice_inner).html($table); 
} 

Answer 1

after Verfahren erfordert, daß das Zielelement ($table) in DOM werden - was es nicht bis zum nächsten Anweisung mit .html Methode.

gerade Bewegungslinie mit after Anruf nach der Zeile mit html Aufruf:

$(notice_content).find(notice_inner).html($table); 
$table.after('<div class="button-container"><a href="#">view cart</a><a href="#">checkout</a></div>'); 

Nützliche Referenzen:

http://api.jquery.com/after