工具提示不适用于使用 Jquery 动态创建的元素

Question

我使用 Ajax 响应创建了一些动态 html 元素（垃圾邮件、div）。我已将工具提示代码放置在这些元素上，但它似乎没有包含任何工具提示。 这是我到目前为止的代码：

 $.ajax({
                url: 'get_form.php',
                type: 'post',
                data: {idFormulario: idFormulario},
                success :  function(response)
                {      
                
                console.log(response);
                var json = $.parseJSON(response);
                var num = json.length;
                    
                html +='<table class="table" cellpadding="2">';
                
                for(var i=0;i<num;i++){
                    
                    var index = i+1;
                    var pregunta = json[i].pregunta;

                    html += '<tr>'+
                    '<td width=50%>'+
                    '<a href="#" class="pregunta"  data-toggle="tooltip" data-title="'json[i].pregunta'" >'+pregunta+'</a></td>'+
                    
                    '</tr>';
                    $('.pregunta').tooltip(); 
                    
                     }
                
                html += '</table>';
                }
                
                $('.summernote').summernote('code', html);
                
          });

为什么 Tootilp 无法处理这个创建的元素？预先感谢

Answer 1

尝试使用此代码

$.ajax({
    url: 'get_form.php',
    type: 'post',
    data: {idFormulario: idFormulario},
    success :  function(response)
    {      
    
    console.log(response);
    var json = $.parseJSON(response);
    var num = json.length;
        
    html +='<table class="table" cellpadding="2">';
    
    for(var i=0;i<num;i++){
        
        var index = i+1;
        var pregunta = json[i].pregunta;

        html += '<tr>';
        html += '<td width=50%><a href="#" class="pregunta"  data-toggle="tooltip" data-title="'+json[i].pregunta+'" >'+pregunta+'</a></td>';
        html += '</tr>';
       
     }
    
    html += '</table>';
    }
    
    $('.summernote').summernote('code', html);
    $('.pregunta').tooltip(); 
    
});