Como fazer elementos selecionáveis em ajax para html5 e css3 programação
Você pode ter uma situação onde você deseja que o usuário escolher entre uma lista de elementos. AJAX permite HTML5 e CSS3 programadores essa opção. o selecionável
Conteúdo
Siga estes passos para fazer um elemento selecionável:
Video: HTML 5, CSS 3, PHP , Jquery, Ajax website design (E.commerce) Part 1
Comece com uma lista não ordenada.
Construir uma lista não ordenada padrão em seu HTML. Dê o ul um ID para que ele possa ser identificado como um nó jQuery:
selecionável
- alfa
- beta
- gama
- delta
Video: Contact Form Web Application Tutorial Ajax HTML5 PHP
Adicionar classes CSS para a seleção e estados selecionados.
Se você deseja que os itens selecionáveis para alterar a aparência quando os itens estão sendo selecionados ou que tenham sido selecionados, adicione classes CSS como mostrado. Algumas classes especiais (ui-selecção e seleccionado ui-) São pré-definidos e será adicionado aos elementos em momentos apropriados:
No nisso() função, especificar a lista como um nó selecionável.
Video: PSEUDO-CLASSES DE ESTADO (CSS3/HTML5)
Use a sintaxe jQuery padrão: selecionável ().
$ ("#selectable") .selectable () -A classe está ligado a todos os elementos quando eles foram selecionados. Certifique-se de adicionar algum tipo de CSS para esta classe, ou você não será capaz de dizer que os itens foram selecionados.
Se você quer fazer algo com todos os itens que foram selecionados, basta criar um grupo jQuery de elementos com o seleccionado ui- classe:
var selectedItems = $ (".ui-seleccionado") -