Question

我需要一些帮助，我已经阅读了很多文章，但没有找到解决我问题的方法。

As you can see in the picture my modal button is in a table but when i click de edit button it shows de modal with the edit form but it closes inmmediately

这是我的按钮代码，我使用php和bootstrap：

echo "<td><a href='consultar_usuario.php?id_trabajador=$arreglo[0]&idactualizar=3'><img src='../imagenes/Iconos/actualiza.png' class='img-rounded' data-toggle='modal' data-target='#myModal'></td>";

这些是我模态的代码：

echo'
  <div class="control-group modal fade" id="myModal" role="dialog">
      <div class="modal-dialog">
         <div class="modal-content">
           <div class="modal-header">
           <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h3 class="modal-title">Modificar Empleado</h3>
            </div>
           <form action="../validar_form/valida_actualizacion.php" method="post" class="form-horizontal modal-body">

我的项目中所有的div和表格都很接近。

我真的很感激你的帮助。

Answer 1

我有一个建议希望这会有所帮助。

这一行：

echo "<td><a href='consultar_usuario.php?id_trabajador=$arreglo[0]&idactualizar=3'><img src='../imagenes/Iconos/actualiza.png' class='img-rounded' data-toggle='modal' data-target='#myModal'></td>";

你可以改成它：

echo "<td><a href='consultar_usuario.php?id_trabajador=$arreglo[0]&idactualizar=3'><img src='../imagenes/Iconos/actualiza.png' class='img-rounded modal_clicker'></td>";

并添加此javascript：

<script>
 $(".modal_clicker").on("click", function(){
  $('#myModal').modal('show');
});
</script>

这样你就可以回复＆＃34; modal_clicker＆＃34;而不是重复＆＃34;数据切换=＆＃39;模式＆＃39;数据目标=＆＃39;＃myModal＆＃39;＆＃34;一遍又一遍。

对于您的问题，我希望此代码有所帮助：

<script>
 $("#myModal").modal({
  backdrop: 'static',
  keyboard: false})
</script>

[固定/解决方案]

我找到了导致它的原因。您每次点击链接时都试图打开一个新网址;这里<a href='consultar_usuario.php?id_trabajador=$arreglo[0]&idactualizar=3'>

对此的修复是将您的href或链接更改为此。

<a href='javascript:void(0);'>

如果你想访问这些：id_trabajador = $ arreglo [0]＆amp; idactualizar =＆＃39; 3＆＃39;

尝试将此作为data- *添加到您的链接。见下面的例子。

<a href='javascript:void(0);' class="modal_clicker" data-id_trabajador='".$arreglo[0]."' data-idactualizar=3'>

然后，您可以使用下面的javascript访问这些数据*：

$(".modal_clicker").on("click", function(){
 var ele = $(this);
 var id_trabajador = ele.attr("data-id_trabajador"); 
 var idactualizar= ele.attr("data-idactualizar"); 
 $('#myModal').modal('show');
});

在编辑表单上显示时，Bootstrap Modal会立即关闭

1 个答案: