função JQuery Modal + Ajax... Conflitando.
Gente ajuda com função jquery modal + ajax...
Ocorre o seguinte:
Listo via Do While varios itens
Cada em cada item possui link para carregar modal com informações do item clicado ( via passagem do atributo id...
Quando carregado à tela pela primeira vez. O link funciona corretamente.
Daí começa os problemas... Porque a cada 10 ou 15 segundos... Faço nova chamada (ajax) para atualizar a lista...
Daí o link que chama o modal deixa de funcionar..
Então testei uma função normal. Digo: não jquery. Ao clicar no link a função é chamada.
1º) Gostaria de saber se teria como chamar mesma função sem usar o comando:
> $('a[name=modalCobX]').click(function(e) ...
- Ou seja, chamar a janela modal com se fosse uma função, só que dentro do "$(document).ready(function() {.."
2º Pesquisando alternativas, percebi que se o comando for chamando com o arranjo abaixo:
$('a[name=modalCob]').live("click",function(e) {....
Funciona no Firefox mais funciona no I.E. - a principio. Abre a mascara mais não abre as divs...
Motivo: Acredito que o id da referencia não é identificado no I.E.
Dando alert($(this).attr('href')) percebo que no FF vem: #modalCobX já no I.E vem a url completa (http:www.site.com.bre/.../#modalCobX)
- Foi só o que percebi.
Agradeço qualquer ajuda de como solucionar a questão.
Abaixo função JQuery
>
$(document).ready(function() {
$('a[name=modalCobX]').click(function(e) {
$('html, body').animate({ scrollTop: 0 }, 0);
e.preventDefault();
var id = $(this).attr('href');
var idXis = $(this).attr('id');
var maskHeight = $(document).height();
var maskWidth = $(window).width();
$('#mascara').css({'width':maskWidth,'height':maskHeight});
$('#mascara').fadeIn(1000);
$('#mascara').fadeTo("slow",0.8);
//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();
$(id).css('top', winH/2-$(id).height()/2);
$(id).css('left', winW/2-$(id).width()/2);
$('#ExibeCob').html("Aguarde...");
var timeStamp = Number(new Date()); //Date.now();
var printCall = function () {
$.ajax({
///processamento por ajax
});
};
$(id).fadeIn(2000);
});
});
Chamada: link por jquery
<a href="#dialog1" name="modalCobX" id="<?=$id?>"><img src='btAlterar.gif' border='0' title='Editar Dados'></a>
Chamada: exemplo sem jquery( a princípio)
<a href="#" onclick='chamaOi(<?=$id?>)'><img src='btAlterar.gif' border='0' title='Editar Dados'></a>
Function chamaOi(id){
Alert(oi _id)
} Valeu!
Discussão (4)
Carregando comentários...