проблема при вызове модального

Question

проблема при вызове модального

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

<a href="delete.php?id=<?php echo $id; ?>" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#myModal" data-customer="<?php echo $id; ?>"><i class="fa fa-trash"></i> Excluir</a>

Но вместо того, чтобы открыть модальное.php он открывает index.php.

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

<a href="#myModal" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#myModal" data-customer="<?php echo $id; ?>"><i class="fa fa-trash"></i> Excluir </a>

,

<a class="btn btn-sm btn-danger" data-toggle="modal" data-target="#myModal" data-customer="<?php echo $id; ?>"><i class="fa fa-trash"></i> Excluir </a>

**примечание.:

Где я нашел этот пример, многих удалось запустить код.
переменную $id ловит выбрать id из базы данных (без модального это прекрасно работает).
функция delete.php работает отлично без модального.**

1

php html modal

Author: w.rock, 2018-01-11

Source

1 answers

score 1 · Accepted Answer

Используйте API .дата() jQuery, чтобы получить идентификатор

<a href="#myModal" ... data-customer="<?php echo $id; ?>"> ...

valorId = $(this).data('customer');

, Например - полный код

Библиотека

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

Сценарий

<script language="javascript">
$(document).on("click", ".btn-danger", function () {
     valorId = $(this).data('customer');
     $(".modal-footer").html( '<a href="delete.php?id='+valorId+'" class="btn btn-success waves-effect waves-light"> Excluir </a> <button type="button" class="btn btn-primary" data-dismiss="modal"><span class="glyphicon glyphicon-ok-sign"></span> Cancelar</button>' );
     $('#myModal').modal('show');          
});
</script>

HTML

<a href="#myModal" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#myModal" data-customer="<?php echo $id; ?>"><i class="fa fa-trash"></i> Abrir Modal </a>

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Excluir id</h4>
            </div>
            <div class="modal-body">
             ............
             ............
            </div>
            <div class="modal-footer">

            </div>
        </div>
    </div>
</div>