Dificuldade para capturar o clique na linha de uma tabela
Pessoal,
Estou com dificuldade em conseguir capturar o clique na linha da tabela.
Tenho um formulário de pesquisa com apenas um campo, após o clique faço um $.post para o um arquivo php, neste arquivo eu monto uma tabela com os resultados. Gostaria de capturar o clique nas linhas desta tabela com os resultados.
Segue meus fontes abaixo:
Formulário
------------
<form id="frmMenuPesquisa" class="navbar-form navbar-left navbar-search offset4" role="search">
<div class="form-group">
<input type="text" id="tf_menu_pesquisa" class="form-control" placeholder="Pesquisar">
</div>
<button name="btnMenuPesquisa" id="btnMenuPesquisa" type="submit" class="btn btn-default">Pesquisar</button>
</form>
// arquivo pesquisar.php
include '../funcoes/funcoes.php';
require_once('../conexao/conexao.php') ;
mysql_select_db($database_cnIbjm);
$conteudo = filter_input(INPUT_POST, 'conteudo', FILTER_SANITIZE_STRING);
$sqlpessoa = "SELECT id_pessoa, nm_pessoa FROM pessoas WHERE nm_pessoa LIKE '%$conteudo%' ORDER BY nm_pessoa";
$querypessoa = mysql_query($sqlpessoa) or die(mysql_error());
$campos_pessoa = mysql_fetch_assoc($querypessoa);
$totalpessoa = mysql_num_rows($querypessoa);
?>
<div class="formulario">
<?php
if ($totalpessoa > 0){?>
<div class="row-fluid max490">
<div id="pessoas" class="row-fluid span12 tituloform"><label for="Titulo">Resultado para Pessoas</label></div>
<table id="tabela_pessoa" class="table table-condensed table-hover table-striped">
<thead class="titulogrid">
<tr class="resultado">
<td>Nome</td>
</tr>
</thead>
<tbody>
<?php
do
{
echo '<tr>';
echo '<td>' . $campos_pessoa['nm_pessoa'] . '</td>';
echo '</tr>';
} while ($campos_pessoa = mysql_fetch_assoc($querypessoa));
?>
<tr>
<td colspan="1" class="negrito disabled">Total de Pessoas Encontradas: <?php echo $totalpessoa ;?></td>
</tr>
</tbody>
</table>
</div>
<?php } ?>
Chamadas jquery
------------------
$("#btnMenuPesquisa").click( function(){
var pesquisar = $("#tf_menu_pesquisa").val();
if (pesquisar===''){
return false;
}
$.post('menu_pesquisa/pesquisar.php', {conteudo: pesquisar}, function(retorno){
$("#resultado_menu_pesquisa").html(retorno);
});
});
$('#tabela_pessoa tbody').on( 'click', 'tr', function () {
alert('clicou');
});Discussão (3)
Carregando comentários...