Problema de recuperar um atributo data
Estou com problema para recuperar um atributo data. No meu código php, que recupera os dados do usuário no banco de dados, eu usei um WHILE para escrever numa tabela estes dados, cada button tem um atributo data-modal, eu preciso deles para abrir um modal que editará suas informações, quando eu coloco este buttton dentro do while ele não o retorna, mas quando eu coloco o button fora do WHILE ele retorna o data-modal. Assim:
modal.js
$(document).ready( function(){
$(".btn-modal").click( function(){
const modal = $(this).attr("data-modal");
const fecha = $(modal+" .fecha-modal");
console.log("Irá abrir o modal: "+modal);
$(modal).css("display", "block");
$("body, html").css("overflow", "hidden");
fecha.click( function() {
$(modal+" > .modal-container").addClass("sobe-modal");
setTimeout(function(){
$(modal).css("display","none");
$("body, html").css("overflow", "auto");
$(modal+" > .modal-container").removeClass("sobe-modal");
}, 400);
});
shortcut.add("Esc",function(){
fecha.click();
});
});
});
**tb_usuarios.php (neste caso o atributo data-modal não será retornado)**
<?php
require_once '../bd/banco.php';
$sql = " SELECT * ";
$sql.= " FROM TB_USUARIOS ";
$sql.= " ORDER BY nome ASC ";
$resultado = mysqli_query($link, $sql);
if($resultado){
while ($dados = mysqli_fetch_array($resultado, MYSQLI_ASSOC)) {
$id_usu = $dados['id_usuario'];
$nome = $dados['nome'];
$email = $dados['email'];
$telefone = $dados['telefone'];
$cc = $dados['cc'];
$perfil = $dados['perfil'];
echo '
<tr>
<td>'.$nome.'</td>
<td>'.$email.'</td>
<td>'.$telefone.'</td>
<td>'.$cc.'</td>
<td>'.$perfil.'</td>
<td>
<button class="btn-modal" data-modal="#modal-edita-'.$id_usu.'">
<span class="fa fa-pencil"></span>
</button>
<button>
<span class="fa fa-close"></span>
</button>
</td>
</tr>
';
}
} else {
echo '
<tr>
<td colspan="6">
<p style="color: #ff0000">Erro na execução da consulta. <a href="" target="_blank">Por favor entre em contato conosco</a></p>
</td>
</tr>
';
}
**index.php (neste caso o atributo data-modal será retornado)**
<button class="btn btn-roxo btn-modal" data-modal="#modal-novo">
<span class="fa fa-plus"></span>
Novo
</button>
Me ajudem por favor!!!!Discussão (2)
Carregando comentários...