Bootstrap确认不适用于ajax调用

时间:2016-09-27 11:34:28

标签: php jquery ajax twitter-bootstrap

可能的问题在哪里,我有一个返回json的服务,使用它返回来骑我的桌子。

如果我离开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/

1 个答案:

答案 0 :(得分:2)

从ajax收到数据并将其附加到json-data后,您需要初始化新的确认

从doc我可以看到你需要这样做:

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