Question

我显示了一个动态表，其中包含一个元素，当我将鼠标悬停时要在其中显示和成像。

我的动态表如下：

$('#submitElement').on('click', function() {

  var modeleID = $('input[type="radio"][name="modele"]:checked').val();

  //populate table

  tr = $('<tr/>');

  tr.append("<td><i id='prodImg" + formOffre.modele.value +"' class='nc-icon nc-alert-circle-i' data-toggle='popover-hover' data-img=''></i></td>");
  tr.append("<td id='prod" + formOffre.modele.value +"'></td>");
  tr.append("<td>" + formOffre.longueur.value + " x " + formOffre.hauteur.value  + "</td>");
  tr.append("<td>" + (formOffre.prix.value/formOffre.qte.value) + "</td>");
  $('#offretable').prepend(tr);

  $.ajax({
    type:'POST',
    url:'/includes/ajaxData2.php',
    data:'modele_id='+modeleID,
    dataType:'json',
    success:function(result){
    $('#prod'+modeleID).text(result.NOM);
    $('#prod'+modeleID).attr('data-img', 'assets/img/produits/' + result.IMAGEPATH);
    }
  });

我将此功能用于悬停内容：

$('[data-toggle="popover-hover"]').popover({
    html: true,
    trigger: 'hover',
    placement: 'bottom',
    content: function () { return '<img src="' + $(this).data('img') + '" />'; }
});

，但是它没有启动，因为在页面的开头找不到我的动态数据。我需要使用一些文档就绪的语法，例如：

$(document)('[data-toggle="popover-hover"]').popover({
    html: true,
    trigger: 'hover',
    placement: 'bottom',
    content: function () { return '<img src="' + $(this).data('img') + '" />'; }
});

但是我遇到一些语法错误，有什么建议吗？

动态内容的正确语法jquery函数是什么

0 个答案: