Bootstrap-Bestätigung Funktioniert nicht mit Ajax Anruf

Question

Wo ist das mögliche Problem, ich habe einen Dienst, der einen JSON zurückgibt, verwenden Sie diese kehrt, um meine Tabelle zu fahren.

Wenn ich verlassen den statisc Datensatz es das Plugin als Bestätigungscode unten funktioniert:

<td><strong>Fatura Abril</strong><br /> Este é um aviso de que sua fatura do mÊs 04 está vencendo</td>          
<td class="text-right"></a> 
<a data-toggle="confirmation" class="label label-danger" type="button" id="not-basic"><i class="fa fa-times"></i></a> 
</td> 

Aber wenn Sie Funktion verwenden, um zurückzukehren und die Daten über json zu montieren, ist die Tabelle monstada aber die Bestätigung Plugin nicht Arbeit.

<script type="text/javascript"> 

$(document).ready(function(){ 

    var url="phptabela.php"; // PHP File 
    //var url="getposts.json"; // JSON File 

    $.getJSON(url,function(data){ 

     console.log(data); 
     $.each(data.data, function(i,post){ 

     var newRow = 
     "<tr>" 

     +"<td><strong>"+post.titulo+"</strong><br />" +post.texto+"</td>" 
     +"<td class='text-right'></a> " 
     +"<a data-toggle='confirmation' class='btn btn-default label label-danger' type='button' id='not-basic'> " 
     +"<i class='fa fa-times'></i></a> " 
     +"</td>" 


     +"</tr>" ; 
     $(newRow).appendTo("#json-data"); 
     }); 
    }); 
}); 
</script> 

Ich benutze dieses Plugin: http://bootstrap-confirmation.js.org/

Answer 1

Nachdem Sie die Daten von Ajax und hängen Sie ihn an json-data erhalten Sie die neue Bestätigung

Von doc zu initialisieren brauchen kann ich sehen, dass Sie benötigen Um dies zu tun:

$('[data-toggle=confirmation]').confirmation({ 
    rootSelector: '[data-toggle=confirmation]', 
    // other options 
});