Tenho uma função jquery que monta um html. Acontece que existe uma View com 4 abas. Gostaria de ao selecionar determinada aba, a função fosse chamada e claro, carregar o html dinâmico para montar a página. Qual evento eu faço isso? Tenho essa div:
<div id="agendamento">
</div>
Nessa div deverá ter todo o html.
$('#agendamento').html(str);
A variável str é uma concatenação do meu HTML. Veja uma parte dele, só para ilustrar:
var str = "";
//var resultado = jQuery.parseJSON();
$.ajax({
url: '/Agendamento/MontaAgendamento',
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "POST",
//data: JSON.stringify({ }),
success: function (data) {
str += '<div id="FiltroPesquisa">';
str += '<table style="width: 100%;">';
str += '<tr>';
str += '<td class="Formatlabel"><strong>';
str += '<label id="lblCNPJ">CNPJ</label>';
str += '</strong></td>';
str += '<td class="auto-style25">';
str += '<input id="txtCNPJ" type="text"' + data.resultado[0].CNPJ + ' /></td>';
str += '</tr>';
str += '<tr>';
..............
$('#agendamento').html(str);
str = "";
Tentei de várias forma e ainda nada. Abaixo uma das formas de chamada:
<div id="tabs">
<ul>
<li><a href="#tabs-1">PDV</a></li>
<li><a href="#tabs-2">Eventos</a></li>
<li><a href="#tabs-3">Formulários</a></li>
<li><a href="#agendamento" onclick="return MontaAgendamento();">Agendamento</a></li>
</ul>
................
É isso aqui? Não estou conseguindo montar o html. Da forma abaixo não consegui montar.
$('#agendamento a').click(function MontaAgendamento() {
var str = "";
//var resultado = jQuery.parseJSON();
$.ajax({
url: '/Agendamento/MontaAgendamento',
dataType: "json",
contentType: "application/json; charset=utf-8",
type: "POST",
//data: JSON.stringify({ }),
success: function (data) {
str += '<div id="FiltroPesquisa">';
str += '<table style="width: 100%;">';
str += '<tr>';
str += '<td class="Formatlabel"><strong>';
str += '<label id="lblCNPJ">CNPJ</label>';
str += '</strong></td>';
.................
$(this).attr('href').html(str);
str = "";
},
error: function (error) {
}
})
})