Eu tenho uma tabela com alguns valores armazenados nela. Nesta tabela também tenho dois botões onde eu posso esconder os valores, deixando apenas o nome da tabela e outro botão que faz o filtro das informações que quero.
Meu problema é que o botão filtro esta funcionando apenas uma vez, além de alterar o comportamento do outro botão de esconder a tabela.
Aqui o código que estou usando para manipula os botões:
JS
$('#mostraLancamento').hide();
...
$("#filtroTrabalho").click(function(){
var idusuario = $(".filtro").attr("id");
//alert(idusuario);
$.post("filtro.php",
{'param':idusuario},
function(j) {
$('.dados').remove();
$('.conteudoAjax').load('home.php');
}, "json");
});
...
$('#ocultaLancamento').click(function(){
$('#panelLancamento').hide();
$('#ocultaLancamento').hide();
$('#mostraLancamento').show();
});
$('#mostraLancamento').click(function(){
$('#panelLancamento').show();
$('#ocultaLancamento').show();
$('#mostraLancamento').hide();
});
HTML:
<div class="pull-right">
<button type="button" class="btn btn-default btn-xs" id="ocultaLancamento">
<span class="glyphicon glyphicon-resize-small" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default btn-xs" id="mostraLancamento">
<span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
</button>
<button type="button" class="btn btn-default btn-xs" id="filtroTrabalho">
<span class="glyphicon glyphicon-filter" aria-hidden="true">
<?php
...
?>
</span>
</button>
...
Console:
XHR finished loading: POST "http://servidor/painel/filtro.php". jquery-1.9.1.js:8526
XHR finished loading: GET "http://servidor/painel/home.php". jquery-1.9.1.js:8526