Каков правильный синтаксис JQuery функции для динамического содержимого - PullRequest
Новая
       10

Каков правильный синтаксис JQuery функции для динамического содержимого

0 голосов
/ 24 октября 2019

я показываю динамическую таблицу с элементом, который я хочу показать и отображать при наведении курсора.

моя динамическая таблица выглядит следующим образом: 

$('#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);
    }
  });

я использую эту функцию для наведенияcontent: 

$('[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') + '" />'; }
});

, но я получаю некоторую синтаксическую ошибку, любой совет?

...