Função jquery para de funcionar ao fazer preenchimento dados com requisição ajax - Fórum DevMedia
Função jquery para de funcionar ao fazer preenchimento dados com requisição ajax
Bootstrap Ajax JSON
Tenho a matriz, categoria => produto
Produto A1 Produto B1 Produto C1
Produto A2 Produto B2 Produto C2
Produto A3 Produto B3 Produto C3
Quando um select com todas as categorias é acionado, ativo a seguinte função que faz a requisição, dos dados para preencher a tabela, e cada linha da tabela é tratada como um botão que ao ser clicado abre uma modal (na tabela é apenas uma coluna, onde lista os nomes dos produtos)
$("#categorias").change(function () {
url: 'paginas/pedidos/json_tabela.php',
data: {c: cat},
success: function (tabela) {
$('#tbl_produto').html(tabela);
Ao terminar a requisição a tabela é preenchida normalmente, entretanto a seguinte função, que é para o preenchimento dos dados de um formulário na modal para de funcionar, e a modal é aberta sem preenchimento dos dados:
$('.btn_produto').click(function () {
url: "paginas/pedidos/json_form.php",
$('#nome_form').val(json.nome);
fiz um teste e fiz a requisição dos dados do formulário sem trocar a categoria, os dados são preenchidos normalmente, mas quando ocorro a troca de dados da tabela ao trocar a categoria, a modal é aberta com o formulário da ultima requisição (ou seja, a função para de funcionar);
As 2 funções funcionam, mas quando a 1ª é ativada, a segunda não funciona mais, e aparentemente tudo é carregado na tabela igual ao anterior.
OBS: tanto a tabela, quando o formulário são com BOOTSTRAP 4, não sei se isso irá influenciar em algo, mas espero que possam me ajudar