Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17673
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

document ready e window resize no mesmo jQuery

05-10-2016 09:24

Nesse post vou mostrar como fazer um $(document).ready(function() { e um $(window).resize(function() { no mesmo bloco jQuery.

Para esse exemplo vou usar um script que retorna a resolução da tela, tanto no carregamento do documento quanto no redimensionar da página.

exemplo.html

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(document).ready(function() { function resize() { var width = $(window).width(); $.ajax({ url: "resolucao.php", data : {screenwidth:width} }).done(function(content) { $("#conteudo").html(content); }); } $(window).on("resize", resize); resize(); }); </script> <div id="conteudo"></div>

resolucao.php

<?php echo $width = $_REQUEST['screenwidth']; ?>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado