1

Estou tentando usar a função .load do jquery, substituindo a .click. Porque a intenção é que a lightbox abra ao carregar a página e não clicando.

JS PARA ABRIR A JANELA MODAL AO CLICAR NUM LINK

  $(document).ready(function(){
    $("a[rel=modal]").click( function(ev){
      ev.preventDefault();

      var id = $(this).attr("href");

      var alturaTela = $(document).height();
      var larguraTela = $(window).width();

      //colocando o fundo preto
      $('#mascara').css({'width':larguraTela,'height':alturaTela});
      $('#mascara').fadeIn(1000); 
      $('#mascara').fadeTo("slow",0.8);

      var left = ($(window).width() /2) - ( $(id).width() / 2 );
      var top = ($(window).height() / 3) - ( $(id).height() / 3 );

      $(id).css({'top':top,'left':left});
      $(id).show(); 
    });

    $("#mascara").load( function(){
      $(this).hide();
      $(".janelao").hide();
    });

    $('.fechar').click(function(ev){
      ev.preventDefault();
      $("#mascara").hide();
      $(".window").hide();
    });
  });

JS PARA ABRIR A JANELA MODAL COM O CARREGAMENTO DA PÁGINA

Nessa parte alterei o $("a[rel=modal]").click por $(window).load e FUNCIONOU! Porém só abre o fundo preto e não a div #janelao

   $(document).ready(function(){
    $(window).load( function(ev){
      ev.preventDefault();

Daí em $("#mascara").click( function(){ tentei inserir o .load e $(window).load no lugar do .click e .show no lugar de .hide e NÃO funcionou

     $("#mascara").load( function(){
      $(this).show();
      $(".janelao").show();
    });

Então o meu problema é carregar a div janelao que não carrega, só carrega o fundo preto

1 Resposta 1

2

Seu problema está na variável id

Ao trocar de $("a[rel=modal]").click( para $(window).load( você altera o valor do this e, por isso, ao realizar a operação var id = $(this).attr("href"); essa variável fica com valor alterado.

Altere essa atribuição para var id = $("a[rel=modal]").attr("href"); que irá funcionar.

2
  • Obrigada pela resposta Felipe. Por fim eu utilizei essa solução wbruno.com.br/jquery/…
    – user49915
    Commented 22/08/2014 às 1:58
  • valeu amigo.. é isso mesmo.. esta dica me ajudou muito
    – user38808
    Commented 24/01/2016 às 4:45

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .