Como fazer selecionável Elements 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 widget é uma ótima maneira de criar esta funcionalidade a partir de uma lista comum. O usuário pode arrastar ou Ctrl + clique nos itens para selecioná-los. classes CSS especiais são aplicadas automaticamente para indicar que o item está sendo considerado para a seleção ou selecionado.

image0.jpg

Siga estes passos para fazer um elemento selecionável:

  1. Comece com uma lista desordenada.

    Criar uma lista desordenada padrão em seu HTML. Dê o ul um ID de modo que possa ser identificado como um nó jQuery:

     
    selecionável
  2. alfa
  3. beta
  4. gama
  5. delta

  6. Adicionar classes CSS para selecionar 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-seleção e seleccionado ui-) São predefinidas e será adicionado aos elementos em momentos apropriados:

  7. No nisso() função, especificar a lista como um nó selecionável.

    Use a sintaxe jQuery padrão: selecionável ().

     $ ( "# Selecionável") selecionável (). -

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 vai ser capaz de dizer que os itens foram selecionados.

Se você quiser fazer alguma coisa com todos os itens que foram selecionados, basta criar um grupo jQuery de elementos com o seleccionado ui- classe:

var selectedItems = $ ( "selecionado-ui".) -

Semelhante

menu