У меня есть индекс вasticsearch, и я могу запросить его, в результате чего получается массив объектов. Я могу перечислить все заголовки из массива. Теперь я хотел бы просмотреть результаты, чтобы при нажатии кнопки «Подробности» открывалось модальное окно с более подробной информацией об этом документе. Есть ли способ сделать это?
<?php
if (isset($results)) {
foreach ($results as $r) {
?>
<div class="row justify-content-center">
<div class="alert alert-success">
<strong><?php echo $r['_source']['title']; ?></strong> || Date: <?php echo $r['_source']['date']; ?> <span id="showSearchTerm"></span></br>
<a data-target="#myModal" data-toggle="modal" class="MainNavText" id="MainNavHelp" href="#myModal">Details</a>
</div>
</div>
<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h2 class="modal-title"><?php echo $r['_source']['title']; ?></h2>
</div>
<div class="modal-body">
<p><?php echo $r['_source']['body']; ?></p>
<p><?php echo $r['_source']['path']['real']; ?></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<?php
}
}
?>
</div>
<!--end of col-->
</div>
</div>
<script>
$('a[href$="#Modal"]').on( "click", function() {
$('#Modal').modal('show');
});
</script>