Transição jQuery Mobile

jQuery Mobile contém efeito CSS3 permite que você selecione a página para abrir o caminho.


transições de página jQuery Mobile

jQuery Mobile fornece uma variedade de interruptor de página para a próxima página de resultados.

Nota: A fim de obter o efeito de mudar a página, o navegador deve suportar a comutação CSS3 3D:

12.0 10.0 16,0 4.0 15,0

Valores na tabela para suportar 3D girando número mínimo versão do navegador.

efeitos de transição de página pode ser aplicado a qualquer utilização de ligações de atributo de transição de dados ou formulário:

efeitos de transição de página pode ser aplicado a qualquer utilização de ligações de atributo de transição de dados ou envio do formulário:

<a href="#anylink" data-transition="slide">切换到第二个页面</a>

A tabela seguinte mostra os dados de transição de através do uso das propriedades disponíveis para alternar a página:

transição descrição página diálogo
desvanecer Padrão. Desvanecer-se para a próxima página tentar tentar
sacudidela A partir de aleta para a frente para a próxima página tentar tentar
fluir Lança esta página para a página seguinte tentar tentar
estouro Como pop-ups que vão para a próxima página. tentar tentar
slide Deslize o dedo da direita para a próxima página. tentar tentar
slidefade Deslize para a esquerda e para a direita a desvanecer-se para a página seguinte. tentar tentar
slideUp Deslize de baixo para cima para a próxima página. tentar tentar
slideDown De cima para baixo, slide para o próximo. tentar tentar
vez Vire a página seguinte. tentar tentar
nenhum Sem efeito de transição. tentar tentar

lâmpada Todos ligação jQuery Mobile no efeito de fade padrão (se o browser suporta).

Nota: Todos os efeitos acima apoiar o comportamento para trás. Por exemplo, se você quer deslizar a página da esquerda para a direita, direita para a esquerda, em vez de correr, propriedade de uso de dados de direção com o valor "reverso". No botão Voltar que é o padrão.

Exemplos

<a href="#pagetwo" data-transition="slide" data-direction="reverse" >切换</a>

tente »