Я передаю html-код (переменная $ H) модалу, чтобы показать таблицу в модале:
$H="<table><tr><td>".$row3['activity']." </td><td>".$row4['counter']." </td><td>".$row4['timestamp']." </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">×</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']." </td><td>".$row4['counter']." </td><td>".$row4['timestamp']." </td><td>".$row4['verification']."</td></tr></table>";
результат совершенно неверный, кнопка не работает, и вся информация отображается на веб-странице, но не в модальном.
В чем проблема?
Спасибо