Как повторно инициировать функцию для изменения переменной - PullRequest
0 голосов
/ 27 сентября 2019

В моей функции я использую переменную (ссылку), которая получает значение ID из строки в моем datatable для использования в URL-адресе Ajax при нажатии на элемент в строке.затем при наведении открывается всплывающее окно начальной загрузки, чтобы отобразить массив из другой таблицы, соответствующий значению ID.

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

столбец данных

{ data: null, 
      render: function ( data, type, row ) {
      if (data.imagecount3.count == null){ 

      return '<div style=" width:100%; font-size:13px; text-align:left;">0 / 0</div>'}

      else if (data.imagecount3.count == data.filecounter.Counter) {           

      return '<div style=" width:100%; font-size:13px; color:#1ABB9C; font-weight:bold; text-align:left;">'+data.filecounter.Counter+' / '+data.imagecount3.count+'</div>'}

      else {           

      return '<div style=" width:100%; font-size:13px; text-align:left;"><a data-toggle="popover" href="ajax.php?var='+data.macleanf.id+'" class="ajax_link">'+data.filecounter.Counter+' / '+data.imagecount3.count+'</a></div>'}



      }}, 

PHP-соединение

<?php
$con=mysqli_connect("localhost","XXXX","XXXX","company");

// Check connection
if (mysqli_connect_errno()) {
  echo "Failed to connect to MySQL: " . mysqli_connect_error();
}

// escape variables for security
$var = mysqli_real_escape_string($con, $_GET['var']);


$sql=$con->query("SELECT Title FROM tblgalleryimages2 WHERE GalleryID='$var'");
//fetch tha data from the database
while ($row = $sql->fetch_array()) {
   echo $row{'Title'};
}

mysqli_close($con);
?>

script

$('#yamba_overview').on( 'click', 'a.ajax_link', function (e) {
e.preventDefault();

        var link=$(this).attr('href');

 $.ajax({ //Make the ajax request
      url: link,
      cache: false
    }).done(function(html) { //On complete run tooltip code


$('[data-toggle="popover"]').popover(

{title: "Missing Documents", 
trigger: "hover",
content: html});

    });



 });

1 Ответ

0 голосов
/ 27 сентября 2019

РЕДАКТИРОВАТЬ НА СКРИПТ

понял это с успехом: в ajax

$('#yamba_overview').on( 'mouseenter', 'a.ajax_link', function (e) {
e.preventDefault();

        var link=$(this).attr('ajax_attr');

 $.ajax({ //Make the ajax request
      url: link,
      cache: false,
      success: function (data) {
            $(".result").html(data);
        }
    })
    .done(function() { //On complete run tooltip code


$('[data-toggle="popover"]').popover(

{title: "Missing Documents", 
trigger: "click",
html: true,
content: function() {
      return $('.result').html();
    }
});
 });
  });

...