Ошибка при передаче информации о классе таблицы, которая будет показана в модальном - PullRequest
0 голосов
/ 16 января 2019

Я передаю html-код (переменная $ H) модалу, чтобы показать таблицу в модале:

$H="<table><tr><td>".$row3['activity']."&emsp;</td><td>".$row4['counter']."&emsp;</td><td>".$row4['timestamp']."&emsp;</td><td>".$row4['verification']."</td></tr></table>";

Моя кнопка для вызова модала:

    echo "<button type='button' data-toggle='modal' data-contenido='".$H."' data-target='#historial'><img src='lib/img/icons/history.png' class='icon2'></button>";

и модал:

<div id="historial" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="padding:35px 50px; background-color: #141B2F" align="center">
                <button type="button" class="close" data-dismiss="modal" style="color: white">&times;</button>
            </div>

    <div id="bodyhistorial" class="modal-body" style="padding:40px 50px;">

    </div>
    <div class="modal-footer">
      <button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>
    </div>
  </div>
    </div>
</div>

<script>
$('#historial').on('show.bs.modal', function (event) {
  var button2 = $(event.relatedTarget);
  var recipient11 = button2.data('contenido');
  var modal2 = $(this);
  modal2.find('.modal-body').append(recipient11);
})

Все работает хорошо, но если я добавлю некоторую информацию в $ H, например, если передам класс таблицы

$H="<table class='table1'><tr><td>".$row3['activity']."&emsp;</td><td>".$row4['counter']."&emsp;</td><td>".$row4['timestamp']."&emsp;</td><td>".$row4['verification']."</td></tr></table>";

результат совершенно неверный, кнопка не работает, и вся информация отображается на веб-странице, но не в модальном.

В чем проблема?

Спасибо

...