Bootstrap Modalはすぐに編集フォームに表示されるときに閉じます

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とブートストラップ使用して、イム私のボタンの私のコードです：

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とフォームは私のproyectに近いです。

私は本当にあなたの助けを感謝します。

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> 

をあなたが "modal_clickerを" だけエコーすることができますその方法"data-toggle = 'モーダル' data-target = '＃myModal'"を何度も何度も繰り返さないでください。

そして、あなたの質問のために私は、このコードは役立ちます願っています：

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

[固定/ソリューション]

私はそれを引き起こしているものを見つけました。リンクをクリックするたびに新しいURLを開こうとしています。ここをクリック<a href='consultar_usuario.php?id_trabajador=$arreglo[0]&idactualizar=3'>

これはあなたのhrefやリンクを変更するためのものです。

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

あなたがこれらにアクセスする場合：id_trabajador = $ arreglo [0] & idactualizar = '3' *データ - としてあなたのリンクにこれを追加すること

試してみます。以下の例を参照してください。

<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'); 
});