2016-09-27 2 views
0

Где возможная проблема, у меня есть служба, которая возвращает json, используйте это, чтобы вернуться на мой стол.Подтверждение Bootstrap Не работает с вызовом ajax

Если я оставлю запись statisc это работает плагин как код подтверждения ниже:

<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> 

Но если вы используете функцию, чтобы вернуться и собрать данные с помощью JSON, таблица monstada но подтверждение плагина не Работа.

<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> 

Я использую этот плагин: http://bootstrap-confirmation.js.org/

+0

Использование идентификатора html в цикле никогда не является хорошей идеей, поскольку идентификаторы должны быть уникальными. – jeroen

ответ

2

После получения данных из AJAX и добавить его в json-data вам необходимо инициализировать новое подтверждение

С док я могу видеть, что вам нужно для этого:

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

PERFECT! право отдал моего друга. спасибо – William

Смежные вопросы